Transcript: scripted keyboard navigation demo
What this video is. A scripted keyboard navigation demo of the remediated module, recorded automatically with a browser automation tool. It is not a screen reader demonstration: VoiceOver automation is unavailable on macOS 27, so no spoken output is shown, and no screen reader results are claimed anywhere in this repository. The captions and this transcript describe the scripted keyboard steps only. See the case study’s limitations section for the full list of what is pending human review.
- Scripted keyboard navigation demo (automated). Not a screen reader demonstration: VoiceOver automation is unavailable on macOS 27, so no spoken output is shown. Captions describe the scripted keyboard steps.
- The module home page loads. Every page starts with a skip link as the first tab stop.
- Tab once — the skip link receives a visible focus outline.
- Enter activates the skip link; focus jumps past the navigation to the main content.
- Tab moves through the module navigation links.
- Enter opens the Lesson page.
- The lesson page: the study outline as semantic HTML with headings, lists, and a data table with a caption and scoped headers.
- Tab reaches the Schools of Psychological Thought table; row and column headers are announced to assistive technology via scope attributes.
- Arrow keys move between row headers in the table.
- Next: the lecture slides page, where the 54-slide deck is HTML with real text, figure descriptions, and speaker notes.
- Tab through the page; a details element expands the long description of a visual.
- Enter expands the long description of the slide’s visual.
- The expanded long description is visible to sighted users and read by screen readers alike.
- The video page: a standard video element with a captions track, chapter buttons, and a transcript link.
- Tab to a chapter button.
- Enter starts playback from that chapter — the video element is fully keyboard operable.
- The player controls are native and keyboard accessible; captions load from the transcript-derived WebVTT file.
- Last: the practice quiz.
- Tab to the first question’s radio group.
- Arrow keys move within the radio group — radios use arrow-key navigation.
- Space selects an answer.
- Tab to the Check answer button.
- Enter checks the answer; feedback appears in a live region that assistive technology announces.
- Textual feedback is shown — never color alone. The score region updates politely.
- Every check shown here is scripted; see the case study’s evidence section for the full audit, and the limitations section for what remains pending — including a human VoiceOver pass and a review by a daily assistive-technology user.