Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Setting up the JAWS screen reader on Windows

From: Web Accessibility Principles

Video: Setting up the JAWS screen reader on Windows

>> In this movie we're going to install and use Jaws, a popular screen reader for Windows. If you're on a Mac this movie wouldn't apply to you, but in the next movie we'll go over a screen reader that comes built into Mac OS X. Jaws is a software program used by blind and visually impaired users to read off the screen to them. It's made by freedom scientific, so you can download it from their web site. We're at www.freedomscientific.com/fs_downloads/jaws.asp.

Setting up the JAWS screen reader on Windows

>> In this movie we're going to install and use Jaws, a popular screen reader for Windows. If you're on a Mac this movie wouldn't apply to you, but in the next movie we'll go over a screen reader that comes built into Mac OS X. Jaws is a software program used by blind and visually impaired users to read off the screen to them. It's made by freedom scientific, so you can download it from their web site. We're at www.freedomscientific.com/fs_downloads/jaws.asp.

Jaws is not a free program, but a free demo is offered that will run for 40 minutes at a time on your computer. After 40 minutes you'll need to restart in order to use Jaws again. But this demo version does have all of the same features that a full version has. Scroll down the page and look for the heading that says demonstration version of Jaws. Click on the free demo of Jaws link to download the installer. Click on the Save File button, and the downloader will begin installing.

Once the installer file has finished downloading you'll see it on your desktop. Double-click on this file to open it and go through the installation process as you would for other programs on your computer. One thing that does differ with the Jaws installation is that you'll need to restart your computer early on during the install. After you've restarted Jaws will finish installing. Once Jaws has finished installing you'll have an icon for the program on your desktop. Double-click on it to begin the program. It will immediately begin reading the contents on your screen as well as some other information.

>> Jaws, 40 minute mode, dialogue audio monitor, toolbar, 100%. To activate, press the space bar. >> Now we want Jaws to read a web page. So let's open Firefox. Go to the Start menu. >> Menu, start search edit. To move through items press up or down arrow. >> Control up in the Start menu. Go up and select Mozilla Firefox. >> Desktop, folder view, list view, now selected Jaws three of three. To move items use arrow keys. >> The web page that we want to test is part of the W3C's before and after pages.

Go to the address bar and type in www.w -- >> 3.org/wai/eo/2005cemo/after/index. Enter. Leaving menus. Welcome to city lights, welcome to city lights. 100%. >> As you heard, Jaws read allow every key as I typed it.

When the web page loaded it then read the title of the web page. In order to get Jaws to start reading the full contents of the page you'll use the keyboard shortcut insert, and the down arrow. This will make Jaws start reading from top to bottom on the page. To stop the speech at any time hit the Ctrl key. I am going to hit insert down arrow to start reading the page. >> Go button, traffic colon, construction work on main road today colon, Friday, 27 January, 2006. Sunny spells, 23 degrees, see navigation menu.

Colon. List of four items, Home link News link tickets, visit link survey, level one welcome to city lights. >> Then I hit the Ctrl key to stop the speech. Jaws literally has dozens and dozens of keyboard short cuts. That's because a blind user will use the keyboard as their main way of navigating their operating system and browser. We're just going to look at a few of the keyboard short cuts that are useful when testing web pages. To bring up a list of headings in the page hit Insert and F6 >> Adding list dialogue, adding list view.

Welcome to city lights, colon, 1, 1 of 7. To move to item view use arrow keys. >> The heading list it one of the main navigation mechanisms that screen reader users take advantage of. Instead of having to listen to all of the content on the page read out at once, seeing the headings gives them a way to basically skim the page, just as a sighted user would do. The text of each heading as well as which level it is, is shown again so the user can get a sense of the structure and hierarchy of the page and decide what part they want to jump to and read the content of.

You can use the arrow keys in this box to jump between headings. >> Heat wave linked to temperatures, colon 2. >> To select this heading and go to it on the page, hit Enter. >> Enter. Heat wave link to temperatures heading level two link. >> It will read the text of the heading. If you want it to continue reading from that point, again, hit Insert and the down arrow. Another way that Jaws users frequently navigate a web site is by looking at the list of links at the web site. You can bring this up by hitting Insert and F7. >> Link list dialogue, link list view, heat wave link to temperatures, (Inaudible) to move to item view use the arrow keys.

>> The link that we are currently on is the one that is first read in this box. Again, you can use the arrow keys to move up and down between the links. >> Survey. >> Selecting the link reads out the text of that link, but not the URL. That's why it's important that your link text be clear on its own. We'll talk about that in greater detail later. If you hit Enter you'll be taken to that link. >> Enter. >> That will immediately take you to the new page. There are also keyboard shortcuts for jumping between different items on the page, such as from one heading to the next, from one list to the next, and so forth.

Here are some of those keyboard short cuts that you'll probably use the most when using Jaws to test your web pages. The H key jumps you from heading to heading. U moves you to the next unvisited link, while V to the next visited link. N moves you to the next non-linked text. This is useful for screen reader users when there are a lot of links at the top of the page that they want to quickly get past. Hitting end will jump them to the next block of text that is not linked, which hopefully is the main content of the page. The L button moves to the next list, and F to the next form control.

You can also type S to move to the next element that's of the same type that you're on now. For instance, if you're on a block quote and wanted to go to the next block quote you could hit S. D would do the same for a different type element. Finely, the Enter key as we saw activates links. These are just a few of the commands available in Jaws. It's a very complex program that has a steep learning curve. That's why it's so important to test your pages with real users of Jaws. However, using it yourself should give you an idea of what they might experience and should point you towards the main issues you'll want to fix.

Next we're going to look at the voiceover screen reader on a Mac, and then we'll move on to setting Dreamweaver's accessibility preferences.

Show transcript

This video is part of

Image for Web Accessibility Principles
Web Accessibility Principles

68 video lessons · 25795 viewers

Zoe Gillenwater
Author

 
Expand all | Collapse all
  1. 2m 0s
    1. Welcome
      1m 3s
    2. Using the exercise files
      57s
  2. 33m 15s
    1. What does accessibility mean?
      5m 51s
    2. How does accessibility help your users?
      3m 30s
    3. Experiencing a website via a screen reader
      5m 46s
    4. How does accessibility help you and your clients?
      3m 9s
    5. Overview of Section 508 standards
      5m 51s
    6. Overview of WCAG standards
      6m 4s
    7. Understanding consistency and semantic markup
      3m 4s
  3. 54m 31s
    1. Understanding screen readers and accessibility tools
      6m 12s
    2. Getting accessible browsers
      5m 41s
    3. Customizing Firefox for accessibility testing
      5m 53s
    4. Using custom accessibility toolbars
      5m 28s
    5. Using Fangs and the Color Contrast Analyzer
      5m 30s
    6. Accessibility tools to bookmark
      5m 53s
    7. Using automated accessibility checking tools
      4m 57s
    8. Setting up the JAWS screen reader on Windows
      6m 42s
    9. Using the VoiceOver screen reader on Mac OS X
      5m 52s
    10. Setting Dreamweaver accessibility preferences
      2m 23s
  4. 26m 12s
    1. Avoiding tables for layout
      3m 30s
    2. Using CSS for layout
      2m 40s
    3. Creating a fixed-width layout
      5m 51s
    4. Creating an elastic layout
      3m 51s
    5. Creating a liquid layout
      3m 4s
    6. Customizing a liquid layout
      7m 16s
  5. 1h 6m
    1. Specifying the language
      3m 43s
    2. Setting page titles
      2m 16s
    3. Setting headings and paragraphs
      9m 55s
    4. Styling headings
      9m 56s
    5. Hiding section headings from sighted users
      6m 41s
    6. Styling text for readability
      6m 41s
    7. Ensuring proper color contrast
      6m 36s
    8. Creating text emphasis
      4m 29s
    9. Indicating quotations
      4m 29s
    10. Creating basic lists
      4m 16s
    11. Styling lists
      7m 15s
  6. 1h 15m
    1. Using lists for navigation
      6m 45s
    2. Creating a horizontal navigation bar
      13m 25s
    3. Creating a vertical navigation bar
      11m 44s
    4. Adding skip navigation links
      12m 0s
    5. Hiding skip navigation links
      6m 17s
    6. Proper link text and title attributes
      6m 11s
    7. Opening new windows
      4m 28s
    8. Accessibility limitations of fly-out menus
      6m 30s
    9. Creating an accessible fly-out menu
      8m 38s
  7. 27m 55s
    1. Proper ALT text for navigation images
      4m 57s
    2. Proper ALT text for decorative images
      5m 19s
    3. Adding ALT text to an existing site
      6m 9s
    4. Adding ALT text to image maps
      5m 58s
    5. Describing complex graphics
      5m 32s
  8. 34m 1s
    1. Using tables for data
      3m 0s
    2. Creating header cells
      4m 5s
    3. Adding table captions and summaries
      9m 9s
    4. Styling tables
      5m 19s
    5. Applying header cells to complex tables
      6m 52s
    6. Adding id and headers attributes
      5m 36s
  9. 42m 7s
    1. Understanding form accessibility issues
      3m 7s
    2. Labeling form fields
      6m 9s
    3. Adding fieldsets and legends
      4m 42s
    4. Moving forms out of tables
      3m 44s
    5. Cleaning up a form's appearance
      4m 53s
    6. Aligning labels and fields using CSS
      9m 39s
    7. Indicating required fields
      6m 15s
    8. Dealing with CAPTCHA
      3m 38s
  10. 7m 29s
    1. The Text-Only technique
      3m 21s
    2. The Access Keys technique
      2m 35s
    3. The Tab Index technique
      1m 33s
  11. 18s
    1. Goodbye
      18s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Web Accessibility Principles.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.