A screen reader is an important accessibility tool for people with no or limited vision. People who are blind or those with low vision can use a screen reader to navigate the computer. Screen readers will read contents on the screen and explain to the user what is on the page. Screen readers allow people to use the computer for daily tasks.
There are many screen reader software available for people through their operating system or through open source projects.
A 2021 research by WebAim found that from 1568 responders, more than 53.7 percent of people surveyed used JAWS on Windows, more than 30.7 percent of people used NVDA on Windows and little over 6.5 percent of people used VoiceOver on macOS.
JAWS and NVDA for Windows and VoiceOver for macOS are the most popular screen readers people use.
First, I should clarify that this article will be written from my point of view. To give background, I have been a front-end developer at a non-profit for people with learning differences for over three years. I, along with my colleagues, seek to make our projects more accessible every day. I am not visually impaired and do not use these tools on a regular basis. For work, I have a Mac machine and test accessibility using VoiceOver.
Here is my planned testing methodology:
- Navigate the page by heading, until “Accessibility APIs” section.
- Reason for this step: A 2016 survey by Heydon Pickering found that most people who use screen readers navigate new pages by headings
- In the “Accessibility APIs” section, read the content and the unordered list inside.
TAB
to hear focusable items in the unordered list.- Jump to the Search field.
TAB
to hear a few items in the navigation section
To find similarities and differences between them, I decided to test a set of steps with each screen reader on a Wikipedia page about screen readers. I will browse the web with Chrome for my tests. Testing all screen readers on the same page and browser will reduce the amount of variables and keep the tests consistent.
JAWS
JAWS is an acronym for Job Access With Speech and is the most widely used screen reader in the world. It is only available on Windows. Depending on the plan and features, JAWS can be purchased anywhere from $90 yearly license all the way to $1605 for perpetual license.
JAWS has predefined keyboard commands to navigate the web. Full list of keyboard commands can be found on their website.
Demonstration
In the beginning of the demo, I am clicking on H
key on my keyboard to go to the next heading. JAWS is moving down the page, reading me the headings along with their level.
Later in the video, I am clicking on number 2
and number 3
on my keyboard to have JAWS read Heading Levels 2s then later Heading Levels 3s. This is a great feature because we can move down the page and sections by heading level and get a better sense of the page layout.
When I reach the “Accessible APIs” section, I press the DOWN ARROW
key until the third item in the unordered list.
Later in the demo, I am clicking on the TAB
key for JAWS to read to me the next focusable item on the page, which is inside this list. I click TAB
until I reach a focusable element in another section.
Then I press F
key to focus on the search field, which JAWS reads to me.
Then I click on TAB
and JAWS focuses on the navigation elements that are on the side of the page.
Pros & Cons
Pros:
- JAWS is more customizable than other screen readers.
- There are more options to navigate through the page.
- JAWS is industry standard.
- Widely used, which means there are lots of user to user support.
Cons:
- JAWS is more complicated to use than NVDA or VoiceOver.
- Some commands are not intuitive.
- There are a lot more commands for the user to learn.
- More learning curve for users.
- JAWS is also not available on the Mac, which limits its users.
- Costs anywhere between $90 – $1605 for the user.
- JAWS has different key commands for desktop and laptop which may make it harder for users to transfer knowledge and may cause confusion.
NVDA
NVDA, or NonVisual Digital Access, is available on Windows only. Users need to download the software from NVDA’s website, NVAccess. This software is free to download but does not come already installed on Windows machines. NVDA is the second most popular screen reader in the world according to WebAim’s 2021 survey.
Like other screen readers, NVDA has defined keyboard commands to navigate the web. NVDA’s full keyboard commands can be found on their website.
Demonstration
In the demo I am clicking on H
key on the keyboard to go to the next heading. First, NVDA reads me Heading Level 1, which is “Screen reader”. Then NVDA goes to read Heading Level 2s and 3s.
When I reach “References” I begin to click on TAB
on my keyboard for NVDA to focus on next focusable items.
After focusing on a few items on the list, I click ENTER
and go to the New York Times page.
Pros & Cons
Pros:
- Overall, I found NVDA was able to provide me with information on the screen.
- The out-of-the-box keyboard commands were easy to use and easy to learn.
- NVDA is open source, which means the community can update and fix.
- NVDA is free, which makes it an affordable option to Windows users.
Cons:
- NVDA is not available on the Mac, which limits its users.
VoiceOver
VoiceOver is the screen reader used in Mac. VoiceOver is only available on Mac not available in Windows. VoiceOver is free and is already installed on the computer, which removes barriers because this is part of the computer setup and the user does not have to download or purchase any additional software.
VoiceOver has defined keyboard commands to navigate the web. VoiceOver’s full keyboard commands can be found on their website.
Demonstration
In the demo, I am on a Wikipedia page and I am clicking on the VoiceOver Command (which is Control+Option
) along with Command+H
to navigate through the headings. VoiceOver reads the headings in order, starting from Heading Level 1, “Screen Reader”, to Heading Level 2, “Contents”, to Heading Level 3, and so on.
When I reach the “Accessibility APIs” section, I click on VoiceOver Command plus the RIGHT ARROW
, to tell VoiceOver that I want it to read this section. Later I am clicking on the VoiceOver Command plus the RIGHT ARROW
on my keyboard, to navigate the section.
When I get on to the third item on the unordered list, I press TAB
on my keyboard to focus on the next focusable element.
I press TAB
a few times, then I press VoiceOver Command plus U
, to open the Form Control Menu. In the menu, I press DOWN ARROW
until I hear the “Search Wikipedia” option. When I hear it, I click ENTER
and the screen reader focuses on the form field. In the form field, I press TAB
to navigate to the navigation section.
Pros & Cons
Pros:
- VoiceOver is easy to use and learn.
- VoiceOver’s commands are intuitive.
- Free tool that comes installed in every macOS device.
Cons:
- VoiceOver is also not available on Windows, which limits its users.
- VoiceOver is not an app and can only be updated when Apple releases macOS update.
Key Takeaways
A screen reader is an important accessibility tool for people with no or limited vision. Screen readers allow people to use the computer for daily tasks.
There are many screen reader softwares available. In this article I compared JAWS, NVDA, and VoiceOver.
Here is a comparison chart overview of the three screen readers:
JAWS | NVDA | VoiceOver | |
Operating System | Windows | Windows | macOS |
Price | $90 – $1695 | Free | Free |
# of users | 30% | 50% | 6% |
Ease of Use | Hard | Easy | Easy |
I found that for basic screen reader testing, most screen readers follow a similar keystroke pattern and knowledge from one screen reader can be used for others.
All screen readers have their pros and cons. Ultimately, it’s up to user preference and also the operating system they use to determine which screen reader software is best for them.
Previously: “Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility” (2018), and “Why, How, and When to Use Semantic HTML and ARIA” (2019), “15 Things to Improve Your Website Accessibility” (2020), “5 Accessibility Quick Wins You Can Implement Today” (2022).
Comparing JAWS, NVDA, and VoiceOver originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
from CSS-Tricks https://ift.tt/f1jOzsT
via IFTTT
No comments:
Post a Comment