Social Media Accessibility - uni-mainz.de · Instagram Best Practices Images • Instagram has...
6
Social Media Accessibility Overview Social Media accessibility is limited in many ways, but issues accessing and understanding information are present for those with disabilities. Therefore, it is imperative that we make social media content as accessible as possible. The following sections outline accessibility features in each social media platform with a focus on Images, Hyperlinks, Hashtags, and Videos. As a general rule for all social media content, please remember to ensure that graphics and images include adequate descriptions, videos are captioned, and hyperlinks include descriptive text. Also strive to use plain language by avoiding jargon and acronyms. Additionally, limit the use of Emojis and emoticons using characters/text because they are read literally by a screen reader and therefore cause confusion. Twitter Best Practices Images • You must turn on the Alt-Text feature in Settings. • Navigate to Profile > Settings and Privacy > Accessibility > turn on Compose Image Descriptions. Be sure to Save the setting change. • Upload a photo to your Tweet and click “Add a Description.” A pop-up box with a description field will open. Add succinct but descriptive Alt-Text and click “Apply.”
Transcript of Social Media Accessibility - uni-mainz.de · Instagram Best Practices Images • Instagram has...
Social Media Accessibility
Overview SocialMediaaccessibilityislimitedinmanyways,butissuesaccessingandunderstandinginformationarepresentforthosewithdisabilities.Therefore,itisimperativethatwemakesocialmediacontentasaccessibleaspossible.ThefollowingsectionsoutlineaccessibilityfeaturesineachsocialmediaplatformwithafocusonImages,Hyperlinks,Hashtags,andVideos.
Asageneralruleforallsocialmediacontent,pleaseremembertoensurethatgraphicsandimagesincludeadequatedescriptions,videosarecaptioned,andhyperlinksincludedescriptivetext.Alsostrivetouseplainlanguagebyavoidingjargonandacronyms.Additionally,limittheuseofEmojisandemoticonsusingcharacters/textbecausetheyarereadliterallybyascreenreaderandthereforecauseconfusion.
Twitter Best Practices Images
• YoumustturnontheAlt-TextfeatureinSettings.• NavigatetoProfile>SettingsandPrivacy>Accessibility>turnonComposeImage
Descriptions.BesuretoSavethesettingchange.• UploadaphototoyourTweetandclick“AddaDescription.”Apop-upboxwitha
descriptionfieldwillopen.AddsuccinctbutdescriptiveAlt-Textandclick“Apply.”
• • ReturntotheComposenewTweetscreentoaddanyadditionalinformationtoyour
Tweetandclick“Tweet.”ThisisavailableonMobileandDesktopversionsofTwitter.Hyperlinks
• • Whentweetingahyperlink,indicatewhetheryouarelinkingto[VIDEO],[AUDIO],or
[IMAGE]asseenintheexamplebelow.• AlthoughTwitterhasabuilt-in,defaultURLshortener,itisrecommendedthatyouuse
anotherservicesuchasbit.lyorTinyURLthatallowyoutocustomizeyourlinkdescriptions.Remembertousedescriptivehyperlinktextforthoseusingscreenreaders.
Hashtags • Putmentionsandhashtagsattheendofyourtweets.• Usecamelbackhashtagswherethefirstletterofeachwordinthehashtagiscapitalized.
Acamelbackhashtagcapitalizesthefirstletterofeachwordinahashtag.Notethedifferencebetween#screenreaderdemoand#ScreenReaderDemo).
Video • Makesureanylinkedoraddedvideoiscaptioned.• PREFERRED:UploadtoYouTubefirstandaddcaptionsifthevideoisnotalready
captioned.IfyouneedassistancewithYouTubecaptions,[email protected]’sinstructionsforgeneratingcaptionsandYouTube’sinstructionsforeditingcaptions.
Facebook Best Practices Images
• Facebookhasanautomaticalt-textgeneratorforimagesthatareuploadedtoFacebook,howeveritisbestpracticetooverridetheautomatictextwithaccurateandmorehelpfuldescriptions.*Pleasenote:AltTextcanonlybeeditedonacomputer.
• Toeditthealttextwhenuploadingaphotobeforeyoupostit:o ClickPhoto/VideoatthetopofyourNewsFeed.o Selectthephotoyouwanttoadd.o ClickEditortheeditpenciliconinthelower-rightcornerofthephoto
thumbnail. o Inthenewwindowthatopens,clickAltTextinthemenuatleft.Ifthereis
automatically-generatedtextitwillappearinthisarea.
o o EntertheAltTextfortheimageintheboxandclick“Save”inthebottomright.
• Tochangethealttextofaphotoafterithasbeenposted:o Clickthephototoopenit.
o Click“Options”inthebottomrightandselect“ChangeAltText”fromthepop-upmenu(hoveroverthephototoviewtheOptionsclickabletext).
o Click“Overridegeneratedalttext”andchangethealttextinthetextboxandclick“Save.”
• AddDescriptionsforeachofyourphotosthatexplaintheimageandthecontext.
Hyperlinks
• Facebookdoesnothaveawaytocustomizehyperlinks,butitautomaticallyaddsapreviewtothelinkedwebsitethatshouldalreadybeaccessible.Ifdesired,youcanadddescriptivetextaboutthelinkedsiteinyourpostcopywiththecopiedhyperlinkasshownabove.
Hashtags and Tagging • Usecamelbackhashtagsandtagpeopleincontextwhenappropriate.• Whentaggingsomeoneinaphoto,includethattagginginformationinyouralt-text
description.Forexample,“JohnSmith’sphotoofBettyJonestakeninfrontoftheEiffelTowerinParis.”
Video • Alllinkedoraddedvideomustbecaptioned.• PREFERRED:UploadtoYouTubefirstandaddcaptionsifthevideoisnotalready
captioned.IfyouneedassistancewithYouTubecaptions,pleasecontact
[email protected]’sinstructionsforgeneratingcaptionsandYouTube’sinstructionsforeditingcaptions.
• FacebookforBusinesspageshavea“GenerateCaptions”functionforvideos.Onceavideoisuploaded,the“GenerateCaptions”buttonisfoundbyaccessingthesettingsontheindividualvideo.
o Pleasenotethattheauto-generatedcaptionswillnotbeaccurateandmustbeedited.ForinformationongeneratingandeditingcaptionsforFacebookforBusinesspages,visitFacebook’shelparticleoncaptioning.
Instagram Best Practices Images
• Instagramhasauto-generatedalt-textimagedescriptionsthatshouldbeeditedforclarityandaccuracy.
• Toeditalt-textdescriptionsbeforeyoupost:o Taptheplussigntoandchooseaphototoaddtoyourpost.o ClickNextintheupper-rightcornertochooseaFilterandclick“Next.”
o OntheSharescreen,tap“AdvancedSettings”foundinsmall,grayfontatthebottomofthescreen.
o Tap“WriteAltText”todescribeyourphotointhedialogboxonthenextscreenandtap“Done.”
o
o NavigatebacktotheSharescreenandwriteadescriptivecaptionandtap“Share”topost.
Videos • BestpracticeisthatallvideouploadedtoInstagramshouldbecaptioned.• Ifyourvideoisnotcaptioned,includeatranscriptofthevideoinyourcaptionafteryour
post’scopy.Includethehashtag#accessibilityattheendofyourvideotranscriptcaption.
• ForvideosinInstagramStoriesunder15secondsinlength,usethein-apptexteditortoadddescriptivetextaboutthevideothatcanadequatelyserveascaptions.
o AppssuchasClipomatic(PAID)createcaptionsforusewithshortvideosinInstagramandInstagramStories.Thecaptionscanbeeditedintheapp.
Hashtags and Tagging • Usecamelbackhashtagsandtagpeopleincontextwhenappropriate.• Whentaggingsomeoneinaphoto,includethattagginginformationinyouralt-text
description.Forexample,“JohnSmith’sphotoofBettyJonestakeninfrontoftheEiffelTowerinParis.”
