O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

How to do accessible social media

1.336 visualizações

Publicada em

Usability and Accessibility Consultant at AbilityNet, Daniel McLaughlan, shows you some simple edits and things to remember on channels including Instagram, Facebook, Twitter, YouTube and more, so you can share information accessible to all.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

How to do accessible social media

  1. 1. How to do accessible social media – October 2020 How to do accessible social media Daniel McLaughlan, AbilityNet Annie Mannion, AbilityNet (host) Tuesday 20 October 2020, 1pm (BST)
  2. 2. How to do accessible social media – October 2020 • Live captions from MyClearText – turn them on using the CC option on the control panel • Additional captions available: www.streamtext.net/player?event=AbilityNet • Slides are available at www.slideshare.net/abilitynet • Slides, a transcript and recording www.abilitynet.org.uk/social-webinar • Please use the Q&A window to ask questions • Feedback form to ask any follow up questions post-webinar Welcome
  3. 3. How to do accessible social media – October 2020 “We support people of any age, living with any disability or impairment, to use technology to achieve their goals at home, at work and in education.” AbilityNet: A Digital World Accessible to All
  4. 4. How to do accessible social media – October 2020 • Daniel McLaughlan, Accessibility and Usability Consultant at AbilityNet • Q&A Today’s session
  5. 5. How to do accessible social media – October 2020 • @Mark Poll What social media content do you mainly produce? • Blog posts or articles • Microblogging or updates (tweets, status updates, photos) • Podcasts or videos • All of the above
  6. 6. How to do accessible social media – October 2020 How to do accessible social media Daniel McLaughlan, AbilityNet Accessibility and Usability Consultant
  7. 7. How to do accessible social media – October 2020 Social media empowers us to share multimedia rich content more easily than ever before: • The ability to reach a global audience • The potential to inform, educate, and entertain • Readily available digital platforms Social media is awesome..
  8. 8. How to do accessible social media – October 2020 Without considering the diversity of human experience and how people access our content we can unintentionally exclude. Today we're going to look at the building blocks of social media content and the potential barriers to access they can create. ..but with great power comes great responsibility
  9. 9. How to do accessible social media – October 2020 • @Mark Text
  10. 10. How to do accessible social media – October 2020 Consider Complexity We should avoid making assumptions about the literacy and domain knowledge of people using our products and services: • Favour simpler words with less syllables • Be direct and use active voice • Avoid jargon and abstract concepts • Aim for a lower secondary education reading level
  11. 11. How to do accessible social media – October 2020 Consider Language We often use terms which carry inherent bias and inappropriate meaning. Being mindful about the language we use can create a safer, respectful environment for everyone. • Be mindful of common phrases ('blacklist', 'blind drunk') • Use gender inclusive language where possible • Avoid phrases that suggest victimhood (e.g. 'suffers from') • Avoid reinforcing existing stigma (e.g. terms for mental illness) • Provide trigger warnings LGBTQ+ Pride flag redesign by Daniel Quasar 2018
  12. 12. How to do accessible social media – October 2020 Emojis and Symbol Fonts • Use emojis sparingly and considerately. • Be mindful that the visual meaning and literal translation may be different. • Symbol fonts may not be identified by assistive technology, such as screen readers.
  13. 13. How to do accessible social media – October 2020 Example
  14. 14. How to do accessible social media – October 2020 Hashtags Use hashtags considerately, bearing in mind that the text will be announced by assistive technologies such as screen readers: • Use 'camel case' (e.g. #BlackLivesMatter, #Tech4GoodAwards) • Generally short • Usually at the end of the post
  15. 15. How to do accessible social media – October 2020 • @Mark Images
  16. 16. How to do accessible social media – October 2020 Provide Image Descriptions Most images on social media are informative. Provide a text alternative for assistive technology, browsers and search engines • Easier on some platforms than others • Review automatically generated alt text • Keep it short and direct – key information only • Avoid redundant information
  17. 17. How to do accessible social media – October 2020 How to add image descriptions - Twitter 1. attach image 2. tap '+alt' 3. write description 4. tweet
  18. 18. How to do accessible social media – October 2020 How to add image descriptions - Instagram 1. upload image 2. Select 'advanced settings' 3. Select 'write alt text' 4. write description
  19. 19. How to do accessible social media – October 2020 Example
  20. 20. How to do accessible social media – October 2020 How to add image descriptions - Facebook 1. upload image 3. Enter / edit alt text2. select 'edit alt text' 4. publish
  21. 21. How to do accessible social media – October 2020 • Clear and concise (125 – 140 characters) • Be meaningful: context matters • Include relevant information (including function if appropriate) • Front load important information • Avoid redundant words (e.g. 'image of') • Consider providing the description in the post Best practice for image descriptions
  22. 22. How to do accessible social media – October 2020 In general, avoid images of text as they do not scale well. Otherwise, consider font legibility, colour contrast and text alternatives. • Sans serif fonts are easier to read • Ensure sufficient contrast for graphics and text • Provide a text alternative Infographics and Images of Text
  23. 23. How to do accessible social media – October 2020 • @Mark Audio and Video
  24. 24. How to do accessible social media – October 2020 Provide Transcripts Provide a text alternative for visuals and/or audio important for understanding. • No set format for transcripts • Not a feature on all social media platforms • Describe dialogue, important sounds and visual fx • Format text to support understanding
  25. 25. How to do accessible social media – October 2020 Transcripts on YouTube An Open Transcript option is available on videos that have captions. • Timestamps can be toggled on and off • Transcript is 'interactive' (ability to skip ahead) • Transcript can be copy and pasted elsewhere
  26. 26. How to do accessible social media – October 2020 Best practice for transcripts • Reproduce dialogue verbatim where possible • Group into logical sections, paragraphs and lists • Aid navigation using headings and links • Indicate who is speaking and (if relevant) how • Describe important background sounds and visual events
  27. 27. How to do accessible social media – October 2020 Captions Provide a text alternative for audio important for understanding. Beneficial for deaf/hoh audiences and non-native language speakers. May not be appropriate for sign language users. • Capture all essential audio • Some platforms provide automated captions • Guidelines exist – see DMCP or BBC Subtitling Guidelines
  28. 28. How to do accessible social media – October 2020 Subtitles vs Captions Subtitles • Convey the dialogue only. • Intended for audiences who can hear but not understand the audio language. Captions • Convey all the essential audio: dialogue, music, sound effects and audio cues. • Intended for audiences who cannot hear the audio.
  29. 29. How to do accessible social media – October 2020 How to add captions on Twitter Twitter's Media Studio, the Twitter API or Twitter Ads all allow you to add a subtitle file to videos you've uploaded. • Upload an .SRT file at https://studio.twitter.com/ • Otherwise, create a video with captions/subtitles 'burnt in' – See Easy Captions for Content Creators by Courtney Craven of CanIPlayThat?
  30. 30. How to do accessible social media – October 2020 How to add captions on Instagram Instagram has four services for sharing video: Stories, Reels, Live, IGTV. • IGTV now has automated captions • Add captions before upload (e.g. Kapwing, Zubtitle) • Record your video with live captions (e.g. Clipomatic or Apple Clips)
  31. 31. How to do accessible social media – October 2020 How to add captions on Facebook 3. edit video1. post video 4. Upload .SRT2. await notification
  32. 32. How to do accessible social media – October 2020 How to add captions on YouTube 1. choose method 3. add/edit subtitles2. edit transcript
  33. 33. How to do accessible social media – October 2020 What about YouTube live streams? • YouTube provides automated captions for live streams for channels with over 10,000 subscribers • Real time captioners using supported software can provide captions (e.g. See YouTube Live Captioning requirements) • Speech to text services exist to stream captions to different services (e.g. Web Captioner)
  34. 34. How to do accessible social media – October 2020 Best practice for captions • Clear, consistent and accurate • Allow enough time to be read • Avoid obscuring visual content • Usually no more than two lines per caption • Use sentence case (first word, proper nouns) • Indicate relevant sound effects / music and the source
  35. 35. How to do accessible social media – October 2020 Provide Audio Description Provide audio description to describe any visuals necessary for understanding. • Plan ahead so audio description is not necessary • Not always required for a 'talking head' video • YouTube now supports multiple audio tracks
  36. 36. How to do accessible social media – October 2020 • @Mark Summary
  37. 37. How to do accessible social media – October 2020 What you can do • Always provide a text alternative for images • Use legible fonts and avoid symbol fonts • Ensure sufficient contrast for text and illustrations • Use emojis sparingly • Write hashtags in 'CamelCase' • Provide captions and transcripts for audio and/or video
  38. 38. How to do accessible social media – October 2020 Useful Links • GDS – Writing about Disability • Self Defined dictionary • Stroke Association – Aphasia Accessible Information Guidelines • Twitter – How to add Image Descriptions • YouTube – Automatic Captioning • IGTV – Enable automatic captions
  39. 39. How to do accessible social media – October 2020 • @Mark Q&A Please use the Q&A window (not the chat window) You’ll be directed to a feedback form at the end of the broadcast Slides, transcripts and a recording of this webinar will be shared via follow up email
  40. 40. How to do accessible social media – October 2020 Accessibility training courses Training: 10% discount code for webinar attendees: SocialMedia10 Book now: www.abilitynet.org.uk/training Training courses coming up include: • Accessibility for developers: ARIA and the Accessibility Tree: Thursday, 22 October • Accessibility for developers: Developing custom controls: Thursday, 29 October • Embedding accessibility at every stage of your project: Thursday, 5 November
  41. 41. How to do accessible social media – October 2020 • @Mark Thank you • AbilityNet newsletter: www.abilitynet.org.uk/newsletter • YouTube: www.youtube.com/abilitynet • Podcast: www.abilitynet.org.uk/podcast • Accessibility services: www.abilitynet.org.uk/accessibility-services • Next webinars – Tuesday 10 November: Christopher Patnoe, Google www.abilitynet.org.uk/webinars

×