{"id":812,"date":"2020-11-16T18:37:22","date_gmt":"2020-11-17T00:37:22","guid":{"rendered":"https:\/\/wowfall2020.londietmartin.com\/?p=812"},"modified":"2020-11-23T09:52:17","modified_gmt":"2020-11-23T15:52:17","slug":"accessibility-101-exploring-screen-readers","status":"publish","type":"post","link":"https:\/\/wowfall2020.londietmartin.com\/?p=812","title":{"rendered":"Accessibility 101: Exploring Screen Readers"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Screen readers. What are they, and what exactly do they do? Together let\u2019s go on a journey and figure this out.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/media-774068_1280.png?resize=258%2C243&#038;ssl=1\" alt=\"Blue illustrations of a computer, tablet, and smart phone.\" class=\"wp-image-816\" width=\"258\" height=\"243\" srcset=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/media-774068_1280.png?resize=1024%2C961&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/media-774068_1280.png?resize=300%2C281&amp;ssl=1 300w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/media-774068_1280.png?resize=768%2C721&amp;ssl=1 768w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/media-774068_1280.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Screen readers are software programs that help blind or visually impaired individuals to read text on their computer screens, tablets, and mobile devices. However, screen readers may also be used by individuals that may not have time to read text, may speak a foreign language, or may have a reading disability.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, someone with dyslexia can benefit greatly from using a screen reader. The International Dyslexia Association uses a software called <a rel=\"noreferrer noopener\" href=\"https:\/\/www.texthelp.com\/en-us\/products\/browsealoud\/\" target=\"_blank\">Browsealoud<\/a>. We will explore all of the cool functions this software has to offer after we learn more about how screen readers work.<\/p>\n\n\n\n<h2> Researching Screen Readers <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Researchers at Towson University set out to explore how website accessibility can be an issue for individuals with disabilities. During the study, 100 blind participants were examined.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">84 participants used the <a href=\"https:\/\/www.freedomscientific.com\/products\/software\/jaws\/\" target=\"_blank\" rel=\"noreferrer noopener\">JAWS screen reader<\/a>, 12 participants used the Window-Eyes screen reader, and the remaining participants used other screen readers. As of today, Window-Eyes has been discontinued. The screen reader software has now <a href=\"https:\/\/support.freedomscientific.com\/About\/News\/Article\/181#:~:text=Petersburg%2C%20Florida%20%2D%20May%2015%2C,the%20United%20States%20and%20Canada.&amp;text=We%20are%20committed%20to%20providing,purchases%20and%20software%20maintenance%20agreements.\" target=\"_blank\" rel=\"noreferrer noopener\">migrated to JAWS<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The scientists used diaries to record user experiences. A frustration scale was used to determine a participant\u2019s level of frustration. The scale ranged from <strong>1<\/strong> &#8211; <em>not very frustrating<\/em> to <strong>9<\/strong> &#8211; <em>very frustrating<\/em>. The average score was<strong> 7<\/strong>. Overall, <strong>308<\/strong> frustrating experiences were recorded.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following frustrations were discovered:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Confusing page layouts<\/li><li>Conflict between screen readers and applications<\/li><li>Forms that were poorly designed or unlabeled&nbsp;<\/li><li>Pictures not having alt text<\/li><li>Misleading links<\/li><li>Inaccessible documents such as PDFs&nbsp;<\/li><li>Websites causing screen readers to crash<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">According to the results of the study, \u201cusers reported losing, on average, <strong>30.4% <\/strong>of time due to these frustrating situations\u201d (Lazar, Allen, Kleinman, &amp; Malarkey). For more information about frustration on the web, check out the infographic below.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"581\" src=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/More-than-50-million-people-in-the-U.S.-have-a-disability-1.png?resize=774%2C581&#038;ssl=1\" alt=\"Infographic about website accessibility.  \" class=\"wp-image-813\" srcset=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/More-than-50-million-people-in-the-U.S.-have-a-disability-1.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/More-than-50-million-people-in-the-U.S.-have-a-disability-1.png?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/More-than-50-million-people-in-the-U.S.-have-a-disability-1.png?resize=768%2C576&amp;ssl=1 768w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Researchers concluded that these frustrations can be avoided. In fact, they claim that these website improvements are very easy to implement. For example, \u201cThings such as clearer wording on forms, alt text, frame names, and links would go a long way to improving the user experience.\u201d (Lazar, Allen, Kleinman, &amp; Malarkey).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With knowledge comes power! The best thing that website developers can do is to learn more about website accessibility. Their goal should be to discover ways to incorporate and improve it on their website. This can be accomplished by taking the time to learn how to use screen readers or by performing usability testing.<\/p>\n\n\n\n<h2> How Do Screen Readers Work? <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By sending commands via a keyboard or a braille display, an individual can control how a screen reader navigates and speaks. Many screen readers try to have a human-like voice reading the content. However, the playback voice can still sometimes sound a bit robotic or monotoned.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fun fact, people that have experience with using a screen reader \u201coften like to speed up the reading rate to 300 words per minute or more\u2014well beyond what an inexperienced listener can easily understand\u201d (WebAIM). Curious about how this sounds? Check out the video below.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/8gdB_F--S7E?start=145&amp;end=163\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"946\" height=\"532\" frameborder=\"0\"><\/iframe>\n\n<p> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">According to the American Foundation for the Blind, \u201cA command can instruct the synthesizer to read or spell a word, read a line or full screen of text, find a string of text on the screen, announce the location of the computer&#8217;s cursor or focused item, and so on.\u201d These commands also help with performing advanced functions such as locating specific text or identifying parts of a navigation menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Many screen readers are <a rel=\"noreferrer noopener\" href=\"https:\/\/usabilitygeek.com\/10-free-screen-reader-blind-visually-impaired-users\/\" target=\"_blank\">free<\/a>, but some can be purchased. However, did you know that you may have a screen reader built right into your computer? Screen readers are built into computers that run Linux, Windows, Mac, IOS, Android, and more (American Foundation for the Blind).<\/p>\n\n\n\n<h3> Windows User <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you are using a Windows operating system, Narrator is available for you to use. You can access this feature by clicking <strong>Start &gt; Settings &gt; Ease of Access &gt; Narrator<\/strong>. Begin using Narrator by toggling the switch from <strong>Off <\/strong>to <strong>On<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To learn more about this software, watch it in action in the video below.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/EiQ8NwdsZCY\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"1035\" height=\"582\" frameborder=\"0\"><\/iframe>\n\n<p> <\/p>\n\n\n\n<h3> Mac User <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you are using a Mac operating system, VoiceOver is available for you to use. You can access this feature by clicking <strong>Launchpad &gt; System Preferences &gt; Accessibility &gt; VoiceOver<\/strong>. You can begin using VoiceOver by checking the <strong>Enable VoiceOver<\/strong> box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Check out <a rel=\"noreferrer noopener\" href=\"https:\/\/www.apple.com\/accessibility\/\" target=\"_blank\">Apple\u2019s Accessibility page<\/a> to learn more about how VoiceOver helps make their products accessible to everyone.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\u201cUsing any screen reader for the first time can be a confusing and discouraging experience. Using an audio interface is almost always a little disorienting for sighted users. Also, much of the content on a web page will seem to be inaccessible, when in fact the problem may be that the new user simply does not know how to use the screen reader.\u201d<\/p><br>&#8211; WebAIM<\/br><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019ve never used a screen reader before, I highly recommend completing the beginner tutorials before jumping right in. These guides are a great way to help you with understanding and using keyboard commands. When getting started, be patient. Using a screen reader to its full potential takes practice.<\/p>\n\n\n\n<h2> Experimenting with Screen Readers <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this section, come with me as we explore the screen readers Browsealoud and VoiceOver. Let it be noted that I am not doctoring these videos. What you see is what you get. Thanks for watching, and please bear with me.<\/p>\n\n\n\n<h3> Exploring Browsealoud <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">As previously mentioned, the International Dyslexia Association uses a screen reading software that is built into their website. This reader is called <a rel=\"noreferrer noopener\" href=\"https:\/\/dyslexiaida.org\/browsealoud\/\" target=\"_blank\">Browsealoud<\/a>. It appears that organizations can have this screen reader available as a tool for their website visitors to use. Individuals can also try the reader <a rel=\"noreferrer noopener\" href=\"https:\/\/trybrowsealoud.texthelp.com\/?_ga=2.249361607.119273108.1604942263-623482226.1604942263&amp;_gac=1.56120409.1604942636.Cj0KCQiA7qP9BRCLARIsABDaZzh1Pn4js_d7FBgtfrsnE2bjz-ZJ0kxT0SJU7CPFTqDuhwHY6W7DHhUaAhqVEALw_wcB\" target=\"_blank\">free for 90 days<\/a> and can opt to purchase a <a rel=\"noreferrer noopener\" href=\"https:\/\/www.texthelp.com\/en-us\/pricing\/\" target=\"_blank\">subscription<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From my understanding, this screen reader can accommodate more than a website visitor that has dyslexia. The software also helps make websites accessible to individuals that have visual impairments or who speak different languages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s explore the features that this screen reader has to offer. Check out the video below.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ErIahO9DK_Q\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"983\" height=\"582\" frameborder=\"0\"><\/iframe>\n\n<p> <\/p>\n\n\n\n<h3> Exploring VoiceOver <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I use an Apple computer. I\u2019ve never truly used my computer\u2019s screen reader. As previously stated, VoiceOver is the built-in screen reading software for this type of computer.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After completing the VoiceOver Training, I found myself with more questions than answers. For some reason, my brain couldn\u2019t comprehend what was going on. By consulting YouTube, I found this basic <a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/5R-6WvAihms\" target=\"_blank\">VoiceOver tutorial<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">According to the video, these keyboard commands will be our best friends:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Command + F5 <em>(Turns VoiceOver on and off)<\/em><\/li><li>Control + Alt + Right Arrow <em>(Allows moving around the screen)<\/em><\/li><li>Control + Alt + Command + H <em>(Lets you move around headings)<\/em><\/li><li>Control + Alt + Space <em>(Helps with clicking on things)<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we know some basic VoiceOver functions, let\u2019s put them into action. Check out the video below to see how VoiceOver performs (and how I react) on the <a rel=\"noreferrer noopener\" href=\"https:\/\/ualr.edu\/\" target=\"_blank\">UA Little Rock website<\/a>.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/TNI6THU1I8s\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"1112\" height=\"582\" frameborder=\"0\"><\/iframe>\n\n<p> <\/p>\n\n\n\n<h2> Key Things to Remember <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Since screen readers are the eyes for many people that are using them, it is important to think about the key information that this software may or may not pick up on. The website design choices that you make can affect what information is read or missed by your audience. It can also determine how your website or document is navigated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are a few things to keep in mind:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Incorporate headings&nbsp;<\/li><li>Consider adding <a rel=\"noreferrer noopener\" href=\"https:\/\/webaim.org\/techniques\/skipnav\/\" target=\"_blank\">Skip Navigation<\/a> links<\/li><li>Include <a rel=\"noreferrer noopener\" href=\"https:\/\/wowfall2020.londietmartin.com\/?p=587\" target=\"_blank\">alternative text<\/a><\/li><li>Make paragraphs distinct<\/li><li>Words may be pronounced differently<\/li><li>Punctuation may or may not be read<\/li><li>Acronyms may be spelled out or pronounced as a word<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For more information about how to design for screen readers, visit <a rel=\"noreferrer noopener\" href=\"https:\/\/webaim.org\/techniques\/screenreader\/\" target=\"_blank\">WebAIM<\/a> and <a href=\"https:\/\/www.afb.org\/about-afb\/what-we-do\/afb-consulting\/afb-accessibility-resources\" data-type=\"URL\" data-id=\"https:\/\/www.afb.org\/about-afb\/what-we-do\/afb-consulting\/afb-accessibility-resources\" target=\"_blank\" rel=\"noreferrer noopener\">AFB<\/a>.<\/p>\n\n\n\n<br> <\/br>\n\n\n\n<h4> Sources <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Designing for Screen Reader Compatibility. (n.d.). Retrieved November 10, 2020, from https:\/\/webaim.org\/techniques\/screenreader\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lazar, J., Allen, A., Kleinman, J., &amp; Malarkey, C. (n.d.). What Frustrates Screen Reader Users on the Web: A Study of 100 Blind Users. <em>INTERNATIONAL JOURNAL OF HUMAN\u2013COMPUTER INTERACTION,<\/em> 247-269.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Molnar, Retrieved November 10, 2020, https:\/\/pixabay.com\/vectors\/media-laptop-tablet-pc-smartphone-774068\/&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Screen readers. (n.d.). Retrieved November 10, 2020, from http:\/\/www.afb.org\/blindness-and-low-vision\/using-technology\/assistive-technology-products\/screen-readers<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UsabilityGeek. (2020, July 11). 10 Free Screen Readers For Blind Or Visually Impaired Users. Retrieved November 10, 2020, from https:\/\/medium.com\/usabilitygeek\/10-free-screen-readers-for-blind-or-visually-impaired-users-45a45c757617<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Waters, E., Vinkle, S., &amp; Roekel, K. (2014, December 19). Accessibility tips for people with dyslexia &#8221; Simply Accessible. Retrieved November 10, 2020, from https:\/\/simplyaccessible.com\/article\/user-needs-dyslexia\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What are iOS Accessibility Features? (n.d.). Retrieved November 10, 2020, from http:\/\/www.boia.org\/blog\/what-are-ios-accessibility-features<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why Screen Readers Are Essential for Website Accessibility. (n.d.). Retrieved November 10, 2020, from http:\/\/www.boia.org\/blog\/why-screen-readers-are-essential-for-website-accessibility<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Screen readers. What are they, and what exactly do they do? Together let\u2019s go on a journey and figure this out.&nbsp; Screen readers are software&hellip;<\/p>\n","protected":false},"author":4,"featured_media":819,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[111,113,110,114,112],"class_list":["post-812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-accessibility","tag-browsealoud","tag-screen-readers","tag-voiceover","tag-web-accessibility","has-post-thumbnail-archive"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/11\/laptop-820274_1920.jpg?fit=1920%2C1280&ssl=1","_links":{"self":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=812"}],"version-history":[{"count":5,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/812\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/812\/revisions\/945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/media\/819"}],"wp:attachment":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}