{"id":3,"date":"2020-01-23T10:01:47","date_gmt":"2020-01-23T15:01:47","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/rbweb\/2020\/01\/23\/main-body\/"},"modified":"2020-02-05T10:13:00","modified_gmt":"2020-02-05T15:13:00","slug":"introduction","status":"publish","type":"part","link":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/part\/introduction\/","title":{"raw":"Introduction","rendered":"Introduction"},"content":{"raw":"<div style=\"border-width: 5px 5px 5px 15px;border-color: #a64d79;border-style: solid;padding: 1em;height: 680px\">This ebook accompanies the <a href=\"https:\/\/de.ryerson.ca\/games\/accessibility\" target=\"_blank\" rel=\"noopener noreferrer\">Accessibility Maze<\/a>, a game developed by The G. Raymond Chang School of Continuing Education at Ryerson University, to teach the basics of digital accessibility for those new to the topic. If you have not yet played the game, we suggest playing it first then returning to the book.<a href=\"https:\/\/de.ryerson.ca\/games\/accessibility\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen.png\" alt=\"Accessibility Maze screenshot\" class=\"size-full wp-image-121 aligncenter\" style=\"clear: both\" width=\"674\" height=\"522\" \/><\/a><\/div>\r\n<div>\r\n<h2>Understanding Barriers in Web Content<\/h2>\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/rbweb\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031.png\" alt=\" \" class=\"wp-image-73 alignright\" width=\"142\" height=\"142\" \/>Barriers are often created in web content when authors and developers are unaware of how people with disabilities access the Web.\r\n\r\nThough those with different kinds of disabilities experience different kinds of barriers, the group that experiences the most are people who are blind. Ensuring that content is accessible to those who are blind will also help make content more accessible, and usable, for others as well. Here the focus will lean more toward making web content accessible to blind readers, but this resource will also touch on issues that affect people who are deaf or have cognitive disabilities.\r\n\r\nPeople who are blind will typically use a screen reader to access the Web. A screen reader reads the text on a screen and provides different ways to navigate through a page of content. They will also read elements of an operating system, such as buttons, icons, and dialog boxes, that one might encounter using a computer. Examples of desktop screen readers include <a href=\"https:\/\/www.freedomscientific.com\/products\/software\/jaws\/\">JAWS<\/a>, <a href=\"https:\/\/www.nvaccess.org\/\">NVDA<\/a>, <a href=\"https:\/\/support.microsoft.com\/en-ca\/help\/22798\/windows-10-complete-guide-to-narrator\">Narrator for Windows<\/a>, and <a href=\"https:\/\/support.apple.com\/en-ca\/guide\/voiceover-guide\/welcome\/web\">Voiceover for Macs<\/a>. Screen readers are also available for mobile devices, including <a href=\"https:\/\/support.apple.com\/en-ca\/guide\/iphone\/iphe4ee74be8\/ios\">Voiceover for iPhones and iPads<\/a>\u00a0and <a href=\"https:\/\/support.google.com\/accessibility\/android\/answer\/6283677?hl%3Den\">Talkback for Android<\/a> devices.\r\n\r\nIt is helpful for sighted users to experiment with a screen reader to better understand the challenges people who are blind encounter when navigating the Web. The ChromeVox screen reader plugin for the <a href=\"https:\/\/www.google.com\/chrome\/\">Chrome web browser<\/a> is a useful tool for learning how screen readers work, and for experiencing barriers firsthand. It is available through the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/chromevox-classic-extensi\/kgejglhpjiefppelpmljglcjbhoiplfn\">Chrome Web Store<\/a>. You are encouraged to install it and experiment.\r\n\r\n&nbsp;\r\n<div style=\"border-width: 5px 5px 5px 15px;border-color: #6aa84f;border-style: solid;padding: 1em\"><strong>Tools: <\/strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/chromevox-classic-extensi\/kgejglhpjiefppelpmljglcjbhoiplfn\">ChromeVox Screen Reader<\/a><\/div>\r\nThe accessibility issues described below will focus mainly on issues that occur for screen reader users. While they will look at the more common issues, it is not an exhaustive list. Readers should refer to the <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">W3C Web Content Accessibility Guidelines V2.1<\/a> for more detailed coverage of potential accessibility issues on the Web.\r\n<div style=\"border-width: 5px 5px 5px 15px;border-color: #6aa84f;border-style: solid;padding: 1em\"><strong>Tools:<\/strong> <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">W3C Web Content Accessibility Guidelines V2.1<\/a><\/div>\r\n<\/div>","rendered":"<div style=\"border-width: 5px 5px 5px 15px;border-color: #a64d79;border-style: solid;padding: 1em;height: 680px\">This ebook accompanies the <a href=\"https:\/\/de.ryerson.ca\/games\/accessibility\" target=\"_blank\" rel=\"noopener noreferrer\">Accessibility Maze<\/a>, a game developed by The G. Raymond Chang School of Continuing Education at Ryerson University, to teach the basics of digital accessibility for those new to the topic. If you have not yet played the game, we suggest playing it first then returning to the book.<a href=\"https:\/\/de.ryerson.ca\/games\/accessibility\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen.png\" alt=\"Accessibility Maze screenshot\" class=\"size-full wp-image-121 aligncenter\" style=\"clear: both\" width=\"674\" height=\"522\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen.png 674w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen-300x232.png 300w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen-65x50.png 65w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen-225x174.png 225w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/01\/game_screen-350x271.png 350w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/a><\/div>\n<div>\n<h2>Understanding Barriers in Web Content<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/rbweb\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031.png\" alt=\"\" class=\"wp-image-73 alignright\" width=\"142\" height=\"142\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031.png 700w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031-300x300.png 300w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031-150x150.png 150w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031-65x65.png 65w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031-225x225.png 225w, https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-content\/uploads\/sites\/107\/2020\/02\/noun_accessibility-optimization_17824031-350x350.png 350w\" sizes=\"auto, (max-width: 142px) 100vw, 142px\" \/>Barriers are often created in web content when authors and developers are unaware of how people with disabilities access the Web.<\/p>\n<p>Though those with different kinds of disabilities experience different kinds of barriers, the group that experiences the most are people who are blind. Ensuring that content is accessible to those who are blind will also help make content more accessible, and usable, for others as well. Here the focus will lean more toward making web content accessible to blind readers, but this resource will also touch on issues that affect people who are deaf or have cognitive disabilities.<\/p>\n<p>People who are blind will typically use a screen reader to access the Web. A screen reader reads the text on a screen and provides different ways to navigate through a page of content. They will also read elements of an operating system, such as buttons, icons, and dialog boxes, that one might encounter using a computer. Examples of desktop screen readers include <a href=\"https:\/\/www.freedomscientific.com\/products\/software\/jaws\/\">JAWS<\/a>, <a href=\"https:\/\/www.nvaccess.org\/\">NVDA<\/a>, <a href=\"https:\/\/support.microsoft.com\/en-ca\/help\/22798\/windows-10-complete-guide-to-narrator\">Narrator for Windows<\/a>, and <a href=\"https:\/\/support.apple.com\/en-ca\/guide\/voiceover-guide\/welcome\/web\">Voiceover for Macs<\/a>. Screen readers are also available for mobile devices, including <a href=\"https:\/\/support.apple.com\/en-ca\/guide\/iphone\/iphe4ee74be8\/ios\">Voiceover for iPhones and iPads<\/a>\u00a0and <a href=\"https:\/\/support.google.com\/accessibility\/android\/answer\/6283677?hl%3Den\">Talkback for Android<\/a> devices.<\/p>\n<p>It is helpful for sighted users to experiment with a screen reader to better understand the challenges people who are blind encounter when navigating the Web. The ChromeVox screen reader plugin for the <a href=\"https:\/\/www.google.com\/chrome\/\">Chrome web browser<\/a> is a useful tool for learning how screen readers work, and for experiencing barriers firsthand. It is available through the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/chromevox-classic-extensi\/kgejglhpjiefppelpmljglcjbhoiplfn\">Chrome Web Store<\/a>. You are encouraged to install it and experiment.<\/p>\n<p>&nbsp;<\/p>\n<div style=\"border-width: 5px 5px 5px 15px;border-color: #6aa84f;border-style: solid;padding: 1em\"><strong>Tools: <\/strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/chromevox-classic-extensi\/kgejglhpjiefppelpmljglcjbhoiplfn\">ChromeVox Screen Reader<\/a><\/div>\n<p>The accessibility issues described below will focus mainly on issues that occur for screen reader users. While they will look at the more common issues, it is not an exhaustive list. Readers should refer to the <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">W3C Web Content Accessibility Guidelines V2.1<\/a> for more detailed coverage of potential accessibility issues on the Web.<\/p>\n<div style=\"border-width: 5px 5px 5px 15px;border-color: #6aa84f;border-style: solid;padding: 1em\"><strong>Tools:<\/strong> <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">W3C Web Content Accessibility Guidelines V2.1<\/a><\/div>\n<\/div>\n","protected":false},"parent":0,"menu_order":1,"template":"","meta":{"pb_part_invisible":false,"pb_part_invisible_string":""},"contributor":[],"license":[],"class_list":["post-3","part","type-part","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/pressbooks\/v2\/parts\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/pressbooks\/v2\/parts"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/wp\/v2\/types\/part"}],"version-history":[{"count":18,"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/pressbooks\/v2\/parts\/3\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/pressbooks\/v2\/parts\/3\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/wp\/v2\/media?parent=3"}],"wp:term":[{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/wp\/v2\/contributor?post=3"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/a11ygame\/wp-json\/wp\/v2\/license?post=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}