Skip to content

Commit c487653

Browse files
dakahnalisonjoseph
authored andcommitted
feat(docs): extend avt2 testing documentation (#1483)
* feat(docs): add av2guidance file * feat(docs): add initial avt2 guidance documentation * feat(docs): add how do we test section * feat(docs): add avt2 documentation * fix(docs): spellcheck and padd out how to test section * fix(docs): change interactible to interactable
1 parent bca2da9 commit c487653

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

docs/accessibility.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ Here's what we're looking for during our AVT2 audit. Therea are two main parts:
7575

7676
### How to test
7777

78-
Essentially open the component or web page you're auditing. Then make a note of all the elements on the page that are interactible with a mouse in any way. Finally moving through the list above attempt to interact with those elements using only your keyboard in the manner described. Integrating this test throughout each stage of development will save you the pain of retro-fitting a component with the necessary keyboard functionality.
78+
Essentially open the component or web page you're auditing. Then make a note of all the elements on the page that are interactable with a mouse in any way. Finally moving through the list above attempt to interact with those elements using only your keyboard in the manner described. Integrating this test throughout each stage of development will save you the pain of retro-fitting a component with the necessary keyboard functionality.
7979

8080
## Screen Magnifier testing🔎
8181

@@ -93,8 +93,12 @@ A user with a screen magnifier views web content on a component by component bas
9393

9494
3. Don't obscure content on mouse hover
9595

96-
Obscuring all or some of the page on mouse hover with an overlay or blur is a problem for user of screen magnifiers. Maintain required contrast ration and instead signal to your users with some other visual dinstinction.
96+
Obscuring all or some of the page on mouse hover with an overlay or blur is a problem for user of screen magnifiers. Maintain required contrast ration and instead signal to your users with some other visual distinction.
9797

9898
### How to test
9999

100100
Keyboard accessibility is generally more familiar to developers than magnification tools, but Take this opportunity to familiarize yourself with macOS Zoom Windows Magnifier, or your OS's native low vision accessibility tools as they are relied on by millions of people with temporary or permanent vision impairment every day.
101+
102+
Simply _use_ each component in the manner it was intended while zoomed in to 2x, 4x, and finally 8x magnification while taking into consideration the points mentioned above. Along with the three points mentioned above keep in mind more broad accessibility rules that are in question given this new context.
103+
104+
For example: a hover animation indicating an element has received focus might be great and well within expected parameters, but zoomed into 4x magnification it may be difficult for a user to see.

0 commit comments

Comments
 (0)