8/1/2018 ACCESSIBLE SOCIAL MEDIA FOR ALL Lori Markland Director, - - PDF document
8/1/2018 ACCESSIBLE SOCIAL MEDIA FOR ALL Lori Markland Director, Access Maryland & Accessibility Programs Maryland Department of f Di Disabilities, , 1 Technology Assistance Program SOCIAL MEDIA CONNECTS US The power of the Web
Lori Markland Director, Access Maryland & Accessibility Programs Maryland Department of f Di Disabilities, , Technology Assistance Program 1
2
3
Age diffe fferences: : Seniors make ke strides – Young adults (ages 18 to 29) are the most likely to use social media – fully 90%
those 65 and older has more than tripled since 2010 when 11% used social media. Today, 35%
report using social media, compared with just 2% in 2005. 4
Statistics via @AccessibilityOz, MD Department of Disabilities and the Pew Research Center
Know your audie ience in order to better craft your message!
the past decade
disabilities in Maryland was 41.2%; the percentage of people with disabilities working full-time, year-round jobs was only 27.3%.
working but were actively looking for work was 12.2%
2016 Statistics via @AccessibilityOz, MD Department of Disabilities, and the Pew Research Center
5
Your audie ience connects in a varie iety of ways:
6
Tip 1 - The Rule of Recip iprocit ity Universal access means information is offered in multiple formats. All audio should be captioned, all images should include alternate text, and all content should work with a screen reader. If you provide it accessibly, your constituents will engage with you! 7
Tip 2 - Caption All l Photos Twitter allows users to add alternate text to each photo. Facebook allows each photo to include a written caption (that screen readers can access). It also now utilizes automatic alternative text. Instagram & Pinterest DO NOT allow for captions or alternate text. So, it’s best practice to include the image description in with the text accompanying the image.
Toddler T Talk A AAC a app Photo c courtesy i iTunes
8
Tip 3 - Caption All l Vid ideo Facebook allows several options for captioning audio content within videos, including their own native video feature. Twitter, Instagram & Pinterest must have videos captioned prior to posting. YouTube maintains its own captioning program, but it is HIGHLY unreliable. Instead, either self-caption and upload the transcript or use an outside captioning program. 9
Tip 4 – Be careful l with infographic ics and text content embedded in images Infographics and memes are an eye catching and convenient mode of communicating information which can often feel stale in other
image or a link to that information. 10
Tip 5 – Use Plain in Language
11
Just a few – Socia ial engagement or chatting: Facebook, Twitter, Tumblr Images: Instagram, Snapchat, Pinterest Video: YouTube, Vine Networking ing: LinkedIn 12
Facebook k
within your program)
day *Facebook is a way to share relevant actions, to engage discussion, and invite the community to action 13
latest industry news
*Twitter is a medium best used to share news, especially current articles on local, national, and international happenings specific to your field. 14
YouTube
*YouTube is a fantastic way to share videos that promote the mission of your program. Whether it is to provide hands-on reviews of AT or to share relevant videos that demonstrate the impact of technology for people with disabilities, it can be a powerful way to communicate. 15
because it’s always about frequency and type of message
media platform
16
17
Our Facebook post and Constant Contact Announcement both appear in the MDTAP Twitter
cross pollinates! 18
Profile banners are what you see at the top of a Twitter or Facebook page -
media page, within your program information (i.e. program name, phone numbers, agency associations, etc.) 19
Ensure that all text in banner art is available elsewhere
20
screen reader users)
intelligence (AI) for people using screen readers. This uses object recognition to generate descriptions (up to 17 different activities such as walking, running, etc.)
reader will still know if their friend (or his/herself) is in a photo 21
device, allowing users to move their finger around a photo and be told about specific objects of the photo
image and ask questions about it. AAT would provide more description based on question key words.
that are posted
22
23
24
VoiceOver or TalkBack
the Twitter app on iOS or Android, as well as through Twitter.com. Enabling is simple and instructions can be found online.
25
26
What at you CA CAN Do to mak ake it more ac accessible Put your 800 number in bio line Precede tweets with [PIC], [VIDEO], [AUDIO], so that screen reader users know what to expect. Add Alt Text to your photos Place hashtags, mentions, and links at the end of tweet (not IN the tweet) – This: We’re celebrating the 28th Anniversary of the ADA today! #ADA28 Not this: We’re celebrating #ADA28 today! Use only a few hashtags Use “CamelCase” for multiword hashtags (use #AccessibleMedia not #accessiblemedia) so screen readers don’t run the words together. No more than
27
28
backwards-tab multiple times to access the play, pause or stop buttons. The keyboard focus can highlight a button but may not activate it.)
you cannot exit to access content – the feature remains overlapping the content)
29
ALL videos should include
via your own written transcript
(suggestions on next slide) Do NOT use the YouTube feature that will automatically caption your video. It isn’t accurate! Any caption/transcript should capture info and sounds in video that may not typically be captioned, such as sound of clapping, phone using voiceover, etc. 30
For creating ing or editing ing captio ions: Overstream: web-based captioning tool Amara: Free tool that links directly to your YouTube Videos How to uplo load your own captio ions/t /transcrip ipt Sign into your YouTube Account In the Captions and Subtitles pane, select ‘Add captions’ option Select the ‘Browse’ option and locate the captioned file Select ‘Upload File’
31
Check text & hyperlink color against background colors of each site to ensure high contrast when possible. Test your website in various high contrast modes to see what information is visible and what gets lost. Include your social media links on all email correspondence and on your website. If your medium is a paper brochure or handout, include all social media extensions. www.facebook.com/MDODTAP @MDTAP blog.mdtap.org 32 MDTAP’s website viewed in regular contrast 33
MDTAP’s website in high contrast. 34
All infographic information that is hosted should include a text-only and tagged PDF option. The “Disability Impacts” infographic found on the CDC website includes a link to the PDF, a text version, and the option to view an enlarged infographic. 35
You keep saying “Accessibility.” I do not think this word means what you think it means. If you share memes via your social networking sites, be sure to caption the text and, if needed, describe the context of the image. 36
Alternative methods to the desktop interface for Facebook:
more
37
Alternative methods to the desktop interface for Twitter:
browsers and assistive technologies. A unique feature of Easy Chirp is the ability to tweet a link to an image with alternative text (both short and long descriptions). To date, it is the
38 Alternative methods to the desktop interface for YouTube:
Works with iPhone and iPad as well.
39
LinkedIn – Professional al networking
professional content and features.
sending messages, and interacting with dialog boxes can be done with the keyboard or screen reader.
Pinterest – A visual al pinboar ard
and TalkBack can work with the Pinterest metadata), customizable text size, clearer focus indicators (for people using a keyboard to navigate the screen), and implemented an accessibility check for all new features that roll out on the platform. 40 For more information, contact Lori Markland Director, Access Maryland and Accessibility Programs MD Department of Disabilities, Technology Assistance Program lmarkland@mdtap.org Lori.markland@maryland.gov 410-554-9477 1-800-832-4827 (Toll free)
41