[0.6] Tester: Step three, the reading pass. The home page from the top, in Safari with VoiceOver, the way someone who can't see the screen would meet it.
[13.4] VoiceOver: Skip to content visited link is in the VoiceOver cursor
[16.5] Tester: The first thing it reaches is a skip link, which is a good start. Now I'll read the header one item at a time.
[23.8] VoiceOver: Describe this page dialog pop up button
[26.9] VoiceOver: banner
[28.6] VoiceOver: visited link Marcelo Paiva
[31.1] VoiceOver: Main navigation
[33.3] VoiceOver: list 5 items
[35.2] VoiceOver: link Writing 1 of 5
[37.6] VoiceOver: link Work 2 of 5
[39.9] VoiceOver: link Signal 3 of 5
[42.2] VoiceOver: link Tools 4 of 5
[44.6] VoiceOver: link Resume 5 of 5
[46.8] VoiceOver: end of list
[48.5] VoiceOver: end of Main navigation
[50.7] VoiceOver: Set for you collapsed button
[53.0] Tester: Set for you… a button, and it tells me it's collapsed. That's what I want to hear. Next item.
[58.9] Reviewer: A name, a role, and a state. That's what WCAG 4.1.2 asks for.
[65.1] VoiceOver: menu
[67.1] VoiceOver: menu
[72.3] VoiceOver: menu
[74.3] VoiceOver: menu
[79.3] Tester: It says menu… and again… and again. Four presses, and it hasn't moved past it.
[84.9] Reviewer: There's no menu on screen. The settings panel is closed, but its four dropdowns are still reaching VoiceOver. That's a problem under WCAG 4.1.2, Name, Role, Value. If you're listening, it sounds like the page has stopped, right at the control that sets the site up for you.
[104.4] Reviewer: The fix: the panel is now left empty while it's closed. Here's the same page after that change.
[111.0] Tester: I'll go straight to Set for you.
[113.8] VoiceOver: Set for you collapsed button
[121.4] Tester: Collapsed, the same as before. Next item.
[125.2] VoiceOver: Pause motion toggle button
[131.0] Tester: That's Pause motion, the next button on the screen. The silence is gone.
[136.3] Reviewer: 4.1.2 holds here.