Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tweak G13, on-input understanding, F37 #4291

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

patrickhlauke
Copy link
Member

@patrickhlauke patrickhlauke commented Mar 21, 2025

  • in G13, as radio buttons/inputs would cause 2.1.1 Keyboard failures (as keyboard users are not able to explicitly select a radio button with the keyboard without triggering a change event, which would then lead to a form submission or page reload in these examples), changing the examples to a select and a set of toggle buttons
  • reformatting/cleanup of the markup for G13
  • in on-input understanding, replacing the mention of radio buttons with a select dropdown as well, for clarity/consistency (in this case, even the radio button example would be fine, but it may confuse matters)
  • in F37, add an extra note explicitly mentioning that radio buttons will still fail 2.1.1 even if they included a warning that satisfies 3.2.2

Closes #898

Copy link

netlify bot commented Mar 21, 2025

Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit eca62dc
🔍 Latest deploy log https://app.netlify.com/sites/wcag2/deploys/67e6b66c2ad43f00083d3ee0
😎 Deploy Preview https://deploy-preview-4291--wcag2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

* in G13, as radio buttons/inputs would cause 2.1.1 Keyboard failures (as keyboard users are not able to explicitly select a radio button with the keyboard without triggering a change event, which would then lead to a form submission or page reload in these examples), changing the examples to a `select` and a set of toggle buttons
* reformatting/cleanup of the markup for G13
* in on-input understanding, replacing the mention of radio buttons with a select dropdown as well, for clarity/consistency (in this case, even the radio button example would be fine, but it may confuse matters)

Closes #898
@patrickhlauke patrickhlauke force-pushed the patrickhlauke-techniqueG13-tweak branch from 0087049 to 06b1c56 Compare March 21, 2025 14:23
@patrickhlauke patrickhlauke changed the title Tweak G13 Tweak G13 and on-input understanding Mar 21, 2025
@patrickhlauke
Copy link
Member Author

patrickhlauke commented Mar 21, 2025

Do we think we need some extra call-out/note in the actual 3.2.2 understanding, warning that a set of radio buttons that have an onchange handler can still end up causing a 2.1.1 Keyboard failure? or is that a bit too specific?

Alternatively, might be worth also revisiting https://www.w3.org/WAI/WCAG21/Techniques/failures/F37 which does seem to suggest that if a set of radio buttons has a warning, it would then not fail ... maybe squeezing in a note at the end there saying that while that will then pass On Input, it will then fail Keyboard even with that preceding warning

EDIT: done

@patrickhlauke patrickhlauke self-assigned this Mar 21, 2025
@patrickhlauke patrickhlauke changed the title Tweak G13 and on-input understanding Tweak G13, on-input understanding, F37 Mar 21, 2025
@patrickhlauke patrickhlauke force-pushed the patrickhlauke-techniqueG13-tweak branch from a7beea8 to 6a31f3c Compare March 21, 2025 14:53
@mbgower mbgower assigned fstrr and unassigned patrickhlauke Mar 21, 2025
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.

Technique G13 - allows surveys to advance on input with notice, even radio buttons?
2 participants