{"id":828,"date":"2022-05-18T20:28:19","date_gmt":"2022-05-18T20:28:19","guid":{"rendered":"https:\/\/web.tarleton.edu\/accessibility\/?page_id=828"},"modified":"2023-05-16T16:09:47","modified_gmt":"2023-05-16T16:09:47","slug":"social-media","status":"publish","type":"page","link":"https:\/\/www.tarleton.edu\/accessibility\/social-media\/","title":{"rendered":"Social Media"},"content":{"rendered":"\n<p>Social media posts broadcast to a large audience (i.e. individuals whose abilities or disabilities are unknown to you), so they should conform with all&nbsp;<a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 requirements<\/a>&nbsp;relevant to them. That is easier said than done depending on the social media platform as accessibility is not inherently built into each one. In general, your goal is to do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provide&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/transcriptions.html\">transcripts<\/a>&nbsp;for all audio<\/li>\n\n\n\n<li>Provide&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/closed-captioning.html\">closed captioning<\/a>&nbsp;for all videos<\/li>\n\n\n\n<li>Link to&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/documents.html\">accessible documents<\/a>&nbsp;or webpages (e.g. event pages, information pages)<\/li>\n\n\n\n<li>Provide&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/alternative-text.html\">alternative text<\/a>&nbsp;for all images<\/li>\n\n\n\n<li>Use a&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/infographics.html\">text-first strategy when designing infographics<\/a>, including the important information directly in the text of your post<\/li>\n\n\n\n<li>Provide&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/standards\/hyperlink.html\">meaningful text for all links<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading advgb-dyn-7b751629\">The Alternative Text Challenge<\/h2>\n\n\n\n<p>The greatest challenge for most social media platforms is alternative text.<\/p>\n\n\n\n<p><em>Graphic intensive platforms<\/em>, like Facebook, may have strong support for&nbsp;<a href=\"http:\/\/mediacause.org\/create-add-facebook-video-subtitles\/\">closed captioning, since it encourages engagement<\/a>, however, not all social media platforms have a separate field option for alternative text. You have to enter the description directly into the post (or each specific image) if you are not linking to another webpage or accessible document. Example:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow advgb-dyn-e517fdb6\">\n<p>Guest composer, Charles Fernandez and guest conductor Steve Piazza (Los Angeles Winds) will lead the Tarleton Wind Ensemble featuring the music of Charles Fernandez, at Tarleton State University&#8217;s Wind Ensemble Concert, on Thursday, April 20, 2017. More information and ticket sales:&nbsp;http:\/\/bit.ly\/2kaXoyF<\/p>\n<\/blockquote>\n\n\n\n<p>Facebook developers have been working on improving the&nbsp;<a href=\"http:\/\/www.cnet.com\/news\/facebook-ai-blind-photo-recognition-caption\/\">automated generation of alternative text for posted images<\/a>&nbsp;to aid blind users. It takes from a database of known objects, defined by people like us (similar to their face recognition database when we tag our friends) who just add alternative text to an image.<\/p>\n\n\n\n<p>Since using alternative text is not as common a habit as tagging friends in photos, this database is young and still not a good alternative for content we post in any platform. For example, if the&nbsp;<a href=\"https:\/\/www.tarleton.edu\/accessibility\/tech-usage\/visual.html\">screen reader<\/a>&nbsp;views&nbsp;<a href=\"http:\/\/www.facebook.com\/photo.php?fbid=580462565476053&amp;set=a.280676622121317.1073741828.100005369445631&amp;type=3&amp;theater\">an image in Facebook<\/a>, it could say something like:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow advgb-dyn-e517fdb6\">\n<p>Image may contain: house, plant, tree, table and outdoor<\/p>\n<\/blockquote>\n\n\n\n<p>Facebook recently added a way for you to&nbsp;<a href=\"https:\/\/www.facebook.com\/help\/214124458607871?helpref=faq_content\">enter your own alternative text to an image you uploaded to Facebook&#8217;s desktop browser version<\/a>.<\/p>\n\n\n\n<p><em>Text only platforms<\/em>, like Twitter, can connect to images inside or outside the platform. If you link to an image outside the platform, you have to somehow describe the image within their character limit and\/or link to the longer description in a webpage or accessible document. This may also require indicating the file format before the link in your posts. Example:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow advgb-dyn-e517fdb6\">\n<p>[Pic] Balancing my life is complicated. #needacupojoe #makethehurtingstop pic.twitter.com\/4d2PT2mu8w Full description: onj.me\/1wg91<\/p>\n<\/blockquote>\n\n\n\n<p>Content indicators:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Photos: [Pic]<\/li>\n\n\n\n<li>Videos: [Video]<\/li>\n\n\n\n<li>Audio: [Audio]<\/li>\n<\/ul>\n\n\n\n<p>Twitter stands out here with their&nbsp;<a href=\"http:\/\/support.twitter.com\/articles\/20174660\">new Twitter image descriptions feature<\/a>, however, you must enable it because it is not set to enabled by default.<\/p>\n\n\n\n<h2 class=\"wp-block-heading advgb-dyn-9a908e3e\">References<\/h2>\n\n\n\n<h3 class=\"wp-block-heading advgb-dyn-182172a7\">Guides and How-To&#8217;s<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tarleton\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.tarleton.edu\/accessibility\/documents\/accessiblesocialmedia.pptx\">Presentation: Accessible Social Media<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Web Accessibility Initiative (WAI)\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/writing\/#use-headings-to-convey-meaning-and-structure\">Use headings to convey meaning and structure<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/writing\/#make-link-text-meaningful\">Make link text meaningful<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/writing\/#write-meaningful-text-alternatives-for-images\">Write meaningful text alternatives for images<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/writing\/#provide-clear-instructions\">Provide clear instructions<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/writing\/#keep-content-clear-and-concise\">Keep content clear and concise<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#provide-sufficient-contrast-between-foreground-and-background\">Provide sufficient contrast between foreground and background<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#dont-use-color-alone-to-convey-information\">Don\u2019t use color alone to convey information<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#ensure-that-interactive-elements-are-easy-to-identify\">Ensure that interactive elements are easy to identify<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#ensure-that-form-elements-include-clearly-associated-labels\">Ensure that form elements include clearly associated labels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#include-image-and-media-alternatives-in-your-design\">Include image and media alternatives in your design<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tips\/developing\/#include-alternative-text-for-images\">Include alternative text for images<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Digital Gov\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.digitalgov.gov\/resources\/federal-social-media-accessibility-toolkit-hackpad\/\">Federal Social Media Accessibility Toolkit Hackpad<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Web\u00a0AIM\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/webaim.org\/standards\/wcag\/WCAG2Checklist.pdf\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Checklist<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading advgb-dyn-616ffbbf\">Accessible Social Media Usage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.facebook.com\/accessibility\/\">Facebook Accessibility<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.facebook.com\/help\/141636465971794\/\">Facebook: Accessibility for People with Disabilities<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/twitter.com\/DiversityTSU\">Twitter A11y Team<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/quinterapp.github.io\/\">Accessible Twitter Client: The Qube<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/twitter.com\/accessibleapps?lang=en\">Accessible Twitter Client: Chicken Nugget<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading advgb-dyn-d3aba5b2\">Guidelines<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/#text-equiv\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Guideline 1.1 &#8211; Text Alternatives<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/#content-structure-separation\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Guideline 1.3 &#8211; Adaptable<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/#visual-audio-contrast\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Guideline 1.4 &#8211; Distinguishable<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/#navigation-mechanisms\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Guideline 2.4 &#8211; Navigable<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.w3.org\/WAI\/WCAG20\/quickref\/#consistent-behavior\"><abbr title=\"Web Content Accessibility Guidelines\">WCAG<\/abbr>&nbsp;2.0 Guideline 3.2 &#8211; Predictable<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading advgb-dyn-61e594f0\">Simulations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tommy Edison\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=P1e7ZCKQfMA\">How Blind People Use Instagram<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=MtE2NfFZK2g\">How Blind People Use Facebook on the iPhone 4S<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=c0nvdiRdehw\">How Blind People Use YouTube &amp; Twitter on the iPhone<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Social media posts broadcast to a large audience (i.e. individuals whose abilities or disabilities are unknown to you), so they should conform with all&nbsp;WCAG&nbsp;2.0 requirements&nbsp;relevant to them. That is easier &#8230;<\/p>\n","protected":false},"author":3,"featured_media":580,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-828","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"coauthors":[],"author_meta":{"author_link":"https:\/\/www.tarleton.edu\/accessibility\/author\/keegan-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2\/","display_name":"keegan"},"relative_dates":{"created":"Posted 4 years ago","modified":"Updated 3 years ago"},"absolute_dates":{"created":"Posted on May 18, 2022","modified":"Updated on May 16, 2023"},"absolute_dates_time":{"created":"Posted on May 18, 2022 8:28 pm","modified":"Updated on May 16, 2023 4:09 pm"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/pages\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/comments?post=828"}],"version-history":[{"count":0,"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/pages\/828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.tarleton.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}