Watch videos with subtitles in your language, upload your videos, create your own subtitles! Click here to learn more on "how to Dotsub"

NFB Screen Access

0 (0 Likes / 0 Dislikes)
Narrator: The following video is produced by the National Federation of the Blind - International Braille and Technology Center and is designed to provide an overview of how non visual screen access technology works. and demonstrate how it is used by blind persons to surf the web and access internet-based content. Screen access technology will render any text displayed on a web page into spoken output. For the most part, this also extends to form field controls, tables and graphical elements, provided that certain techniques and guidelines are followed, to ensure that they are coded in a way that presents the information to a screen access product. As an example, on the page that we currently have in the ... loaded in our browser, we have a graphic. Screen reader: There are both... accessible list of bullet... Enter. Explain graphic National Federation of the Blind logo. Go to the NFB home page. Narrator: that tells us that there is a linked graphic, that it is the National Federation of the Blind logo and that it will take us to the NFB home page. That information is all essential to providing a fully accessible experience to a blind user. Without the alternative text description that is included in this graphic to provide that information, the user would only hear the file name. The file name does not provide sufficient information on the destination of the link or its function, for a user to understand what will happen when they activate the link. Another common method of navigating web pages by blind users is to use a list of every single link on the page. And, depending on the particular screen access product in use, the links list can be accessed in a number of different ways. Screen reader: Links list dialog. Links list view. Welcome. One Narrator: But essentially, the links list is used to display all the links in the page. So, we have on our particular page: Screen reader: Appropriate link text. Tables. Accessible forms. National Federation of the Blind logo. Go to the NFB home page. Narrator: ...and a few more links. Now, this list... and, we don't have an example of a bad link in this particular document but one of the common problems seen on web pages is that a link will say something like "Click here" or "learn more" or "here" by itself. When you're navigating a page as a blind user, and you're looking for a link and you're using this links list capability, links that don't provide adequate information about their destination or function can not - can be difficult to work with, as if I if I pull up a list and, a list such as this and I have 5 or 6 links in a row that say "click here" or "read more", they won't provide enough information for me to have any idea what I'm reading or clicking here to find out about. It could be clicking here to allow someone to clear out my bank account and that wouldn't be any good. Screen reader: Accessible table. Access.. Table. Approp.. tables. Accessible forms. Narrator: Forms. Screen reader: Enter. List. Page has 7 headings. Accessible. Narrator: Forms are frequently found on web pages to allow users to enter data and many web pages present difficulties to a blind user because their forms don't have their controls properly labeled. So you'll find a check box group or a radio button that will displays... you'll hear the the answer choice, but you won't hear the question being asked. And we've developed a few examples here to demonstrate how navigating through a form should behave when it's done by a blind user. Screen reader: 1 How many years of... Enter. Link 1. How many years of HTML programming experience do you have? Less than 2 radio button checked. 1 of 3. To change the selection, press up or down arrow. Narrator: So, in this scenario, we hear the question, which is "How many years of HTML programming do you have?", followed by the answer choice, which in this case is "Less than 1". If I arrow: Screen reader: Link to dash 4 years radio button checked. 2 of 3. To change the selection, press up or down arrow. Narrator: I'll hear the next answer choice without having to hear the question repeated. Now, depending on the technique being used, if the question is short enough, it's perfectly acceptable to hear the question repeated, which is coded in such a way in this example that doesn't happen. Now if I use the tab key to move to the next question: Screen reader: Tab 2. Which languages do you have experience with? Linked HTML check box null checked. To check, press space bar. Narrator: So we've got a series of check boxes here Screen reader: Tab 2. Which languages do you have experience with? Linked PHP check box null checked. To check press space bar. Narrator: You can hear that in this example, you are hearing the question repeated, because we've used a field set and a radio button - I'm sorry: a field set and a legend group to code these, rather than hidden text that was used in the original example. And that will result in the text being repeated. Screen reader: Tab 2. Which languages do you have experience with? Linked Perl check box null checked. Tab. Please rate the following in terms of their importance. Comment (?) 64. Very important. Radio button null checked. 1 of 3. To change the selection press up or down arrow. Narrator: Now we've moved into a table that has options across the top and items down the side, and you're being asked to rate them by their importance. Now normally, if a user... if a developer had not correctly coded this table - I'm sorry, this form control, the user would have only heard that it was a radio button, without hearing the options. Since we've included correct form field labeling, you are, as a blind user, presented with the information that is both presented along the side of the table and across the top of the table. And that's essential to ensuring that a blind user can adequately navigate. So this was just a brief introduction to how blind users navigate the web and access information. And we will be presenting more in our series of videos demonstrating accessible and inaccessible websites.

Video Details

Duration: 6 minutes and 34 seconds
Country: United States
Language: English
License: All rights reserved
Producer: NFB - International Braille and Technology Center
Views: 128
Posted by: calmansi on Mar 19, 2011

From "Google Accessibility Demonstration Videos" . See also NFB's March 15, 2011 press release "Adoption of Google Apps Program Discriminates Against the Blind - National Federation of the Blind Asks Department of Justice to Investigate Schools Across the Country"
©2011 All Rights Reserved - Copyright 2011 NFB
Subtitled here with NFB's permission

Caption and Translate

    Sign In/Register for Dotsub to translate this video.