You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
While <amp-story-interactive> was not part of our recent accessibility assessment, we noticed (while going through the various parts of the documentation) that these have some serious fundamental issues:
none of the controls for quizzes (the buttons for binary polls or interactive polls) are keyboard-accessible - they can't be focused nor selected when using a keyboard
the polls themselves and the various options are not announced as being actionable by assistive technologies
when polls update to show results, this change is not announced by assistive technologies
The way these components are rendered should be reviewed. The individual options need to be keyboard-accessible - suggest using something like a <button> element for each of these. The entirety of the quiz/poll should be wrapped in a <fieldset>, and the overarching question marked as a <legend>.
Changes that happen dynamically (e.g. results being shown) should use an ARIA live region to ensure they are announced by assistive technologies.
Reproduction procedure
Please provide the steps to reproduce the problem:
)
* Add note about `amp-story-360` being inaccessible to mouse/kbd users
* Typo "subsect" > "subset"
* Add alt where missing, tweak existing alt text
* Reword localization documentation to make it clear it should always be done
* Expand alt for amp-story tag hierarchy illustration
* Add note strongly suggestion supports-landscape
* Add note about judicious use of animations
mirrors note in amp.dev
* Placeholder alt="..." in sample code, better alt on documentation images
* Add callout about content order
* Reinforce idea that videos should have subtitles/captions
* Add alt text to images
* Add note about interactive component lacking accessibility at this time
See #32751
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
🐛 Bug Report
Current behavior
While
<amp-story-interactive>
was not part of our recent accessibility assessment, we noticed (while going through the various parts of the documentation) that these have some serious fundamental issues:Based on briefly going over https://amp.dev/documentation/components/amp-story-interactive/?format=stories and the demos at https://amp.dev/documentation/examples/components/amp-story-interactive-quiz/preview/?format=stories and https://amp.dev/documentation/examples/components/amp-story-interactive-poll/preview/?format=stories
Expected behavior/code
The way these components are rendered should be reviewed. The individual options need to be keyboard-accessible - suggest using something like a
<button>
element for each of these. The entirety of the quiz/poll should be wrapped in a<fieldset>
, and the overarching question marked as a<legend>
.Changes that happen dynamically (e.g. results being shown) should use an ARIA live region to ensure they are announced by assistive technologies.
Reproduction procedure
Please provide the steps to reproduce the problem:
Tab
/Shift
+Tab
to move focus,Space
orEnter
to activate a button/optionThe text was updated successfully, but these errors were encountered: