accessibility:testing
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revisionLast revisionBoth sides next revision | ||
accessibility:testing [2023/07/10 13:20] – created scl | accessibility:testing [2024/04/15 10:08] – [Automated Testing] lhernandez | ||
---|---|---|---|
Line 29: | Line 29: | ||
Keyboard navigation is not enabled by default in some browsers. | Keyboard navigation is not enabled by default in some browsers. | ||
- | * [https:// | + | * [[https:// |
* In Chrome, to go Settings > Accessibility. Turn on “Navigate pages with a text cursor” and “Show a quick highlight on the focused object.” | * In Chrome, to go Settings > Accessibility. Turn on “Navigate pages with a text cursor” and “Show a quick highlight on the focused object.” | ||
- | * In Safari, go to Settings > Advanced and check “Press Tab to highlight each item on a webpage” ([https:// | + | * In Safari, go to Settings > Advanced and check “Press Tab to highlight each item on a webpage” ([[https:// |
Place your cursor in the address bar and then press the tab key to move sequentially through focusable items. Use Shift-Tab to go back. Press Enter or Space to open dropdowns or activate buttons. Within dropdown menus and tab sets, you should be able to use the arrow keys to navigate the subsections. Use Escape to close dropdowns, popups, and modals. | Place your cursor in the address bar and then press the tab key to move sequentially through focusable items. Use Shift-Tab to go back. Press Enter or Space to open dropdowns or activate buttons. Within dropdown menus and tab sets, you should be able to use the arrow keys to navigate the subsections. Use Escape to close dropdowns, popups, and modals. | ||
Line 39: | Line 39: | ||
==== References: ==== | ==== References: ==== | ||
- | * [Keyboard Testing: The A11y Enhancement to Your Definition of Done](https:// | + | [[https:// |
===== Testing with Screen Readers ===== | ===== Testing with Screen Readers ===== | ||
Line 45: | Line 45: | ||
Getting started with screen readers can be challenging because they lack visible controls. Find a cheat sheet of keyboard shortcuts for the software you’re using, and have it ready before you begin. | Getting started with screen readers can be challenging because they lack visible controls. Find a cheat sheet of keyboard shortcuts for the software you’re using, and have it ready before you begin. | ||
- | [https:// | + | [[https:// |
- | [https:// | + | [[https:// |
Guides to keyboard shortcuts in screen readers: | Guides to keyboard shortcuts in screen readers: | ||
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
- | To speed up testing, you can turn on the screen reader’s feature to display a transcript of the page. This shows exactly what the screen reader will announce. For Macs, the [https:// | + | To speed up testing, you can turn on the screen reader’s feature to display a transcript of the page. This shows exactly what the screen reader will announce. For Macs, the [[https:// |
===== Testing Color Contrast ===== | ===== Testing Color Contrast ===== | ||
Line 62: | Line 62: | ||
The various accessibility testing browser extensions will flag instances of insufficient color contrast. To test new color combinations, | The various accessibility testing browser extensions will flag instances of insufficient color contrast. To test new color combinations, | ||
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
To find new accessible color combinations, | To find new accessible color combinations, | ||
- | * [http:// | + | * [[http:// |
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
- | |Geenes] | + | |
==== Stylesheets and Bookmarklets for Specific Issues ==== | ==== Stylesheets and Bookmarklets for Specific Issues ==== | ||
Line 76: | Line 75: | ||
Some developers have assembled stylesheets that you can apply to your pages to highlight specific accessibility problems. | Some developers have assembled stylesheets that you can apply to your pages to highlight specific accessibility problems. | ||
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
==== Automated Testing ==== | ==== Automated Testing ==== | ||
- | * [https:// | + | * [[https:// |
- | * [https:// | + | * [[https:// |
accessibility/testing.txt · Last modified: 2024/04/22 14:46 by lhernandez