russmaxdesign / accessible-forms Goto Github PK

Hi! I love this resource you've created! I was checking out your test case for radio buttons (group) and I noticed you said Chrome and Firefox with VoiceOver do not read the legend. I was surprised because that has not been my experience.

I don't think it is semantically correct to include radio buttons in a list, which is I think what causes the unexpected behavior. If you try it with markup like this, legend is read in Chrome and Firefox:

<fieldset>
  <legend>Do you like boats?</legend>
  <input type="radio" id="boats-y" name="boats">
  <label for="boats-y">Yes</label><br />
  <input type="radio" id="boats-n" name="boats">
  <label for="boats-n">No</label>
</fieldset>

Would you like a PR with this change and updated readouts for Chrome and Firefox? I can also provide updated readouts for VoiceOver Chrome/Firefox/Safari and NVDA Chrome/Firefox/Edge, but I don't have access to JAWS to help with those.

Hi, in this example https://russmaxdesign.github.io/accessible-forms/accessible-name-input04.html you are describing the behaviour by adding the title, that is announced as description.
Can you provide also the example with title and aria-describedby?

BTW: thank you for your repo, it was long time that I was try to find something like this!

It would be good if the judging of test results were accessible.

For example, on the test for role="status", good results get a class of green and bad results get a class of red, but there is no semantic indication of whether the test is successful or not.