Skip to content

popover accessibility - #27

Merged
JoeArmani merged 2 commits into
mainfrom
1079-popover-accessibility
Nov 2, 2026
Merged

JoeArmani merged 2 commits into
mainfrom
1079-popover-accessibility

Conversation

@JoeArmani

Copy link
Copy Markdown

Improves survey help popovers so participants using screen readers can identify and hear additional information without losing their place in the question.

  • Announces the help heading and whether the popover is open or closed.
  • Reads the full help text when opened, with keyboard support and predictable focus.
  • Adds English/Spanish automated coverage and updates manual screen-reader testing instructions.

@JoeArmani
JoeArmani requested review from anthonypetersen and a balanced review from Copilot October 30, 2026 21:54

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

Two accessibility issues remain: help text has insufficient contrast in selected responses, and the live region may use the host language instead of the survey language.

2 open issues
What changed in this PR

Improves survey help popovers so screen-reader users can hear additional information while keeping focus and their place in the question.

Changes:

  • Adds help descriptions, expanded-state tracking, and a dedicated live announcement region.
  • Handles dismissal, canceled transitions, and stale lifecycle events.
  • Expands English/Spanish automated coverage and manual screen-reader testing instructions.
File Description
tests/​setup/​jsdom.js Models popover content and cancelable lifecycle events.
tests/​integration/​eventHandlers.spec.js Tests descriptions, announcements, state, and cleanup.
tests/​harness/​connectHost.css Styles inline help controls to match Connect.
tests/​fixtures/​canonical/​popoverHelpSpanish.txt Adds a Spanish help-popover fixture.
tests/​fixtures/​canonical/​popoverHelp.txt Adds an English help-popover fixture.
tests/​e2e/​popoverAccessibility.spec.js Expands browser coverage for keyboard interaction and bilingual help.
questionnaire.js Manages popover descriptions, announcements, state, and focus-related cleanup.
i18n/​es.js Adds the Spanish fallback help description.
i18n/​en.js Adds the English fallback help description.
docs/​accessibilityManualTest.md Adds bilingual VoiceOver and JAWS popover checks.
common.js Adds a dedicated polite, atomic help announcement region.

Review effort: Balanced

Comment thread common.js Resolved
Comment thread tests/harness/connectHost.css Resolved

@anthonypetersen anthonypetersen left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good!

@JoeArmani
JoeArmani merged commit 18f09ab into main Nov 2, 2026
6 checks passed
@JoeArmani
JoeArmani deleted the 1079-popover-accessibility branch November 2, 2026 18:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants