Skip to content
New issue

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

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

Already on GitHub? # to your account

Tweak G13, on-input understanding, F37 #4291

Open
wants to merge 2 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 6a31f3c
🔍 Latest deploy log https://app.netlify.com/sites/wcag2/deploys/67dd7d89d1fef10008c23ad6
😎 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
# for free to join this conversation on GitHub. Already have an account? # 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