Yes/No radio buttons without FIELDSET Screen reader compatibility

Last updated: September 5, 2016

Expected Result: causes problems in some screen readers

Actual Result: causes problems in 28 screen reader / browser combinations

For expected failures, the results show which AT combos the failures affect. Results are recorded from the user's viewpoint, so describe the user impact of authoring errors.

Code used for this test:


        I agree to terms and conditions:
        <label><input name='radio_no_fieldset1' type='radio' checked='checked'>Yes</label>
        <label><input name='radio_no_fieldset1' type='radio'>No</label>
        <br>
        Sign me up to the newsletter:
        <label><input name='radio_no_fieldset2' type='radio' checked='checked'>Yes</label>
        <label><input name='radio_no_fieldset2' type='radio'>No</label>
    

Change History

Last updated: September 5, 2016

Screen readerBrowserModeNotesWhat the user hears
OK NVDA 2016.2FF48 Reading Speak I agree to terms and conditions, clickable radio button checked, yes, clickable radio button not checked, no. Sign me up to the newsletter, clickable radio button checked, yes, clickable radio button not checked, no.
Fail NVDA 2016.2FF48 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked, one of two. Yes radio button checked, one of two.
OK NVDA 2016.2IE11 Reading Speak I agree to terms and conditions, radio button checked, yes, radio button not checked, no. Sign me up to the newsletter, radio button checked, yes, radio button not checked, no.
Fail NVDA 2016.2IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked. Yes radio button checked.
OK NVDA 2015.2FF40 Reading Speak I agree to terms and conditions, radio button checked, yes, radio button not checked, no. Sign me up to the newsletter, radio button checked, yes, radio button not checked, no.
Fail NVDA 2015.2FF40 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked, one of two. Yes radio button checked, one of two.
OK NVDA 2015.2IE11 Reading Speak I agree to terms and conditions, radio button checked, yes, radio button not checked, no. Sign me up to the newsletter, radio button checked, yes, radio button not checked, no.
Fail NVDA 2015.2IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked. Yes radio button checked.
OK NVDA 2014.1FF28 Reading Speak I agree to terms and conditions. Radio button checked, yes. Radio button not checked, no. Sign me up to the newsletter. Radio button checked, yes. Radio button not checked, no.
Fail NVDA 2014.1FF28 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked, one of two. Yes radio button checked, one of two.
OK NVDA 2014.1IE11 Reading Speak I agree to terms and conditions. Radio button checked, yes. Radio button not checked, no. Sign me up to the newsletter. Radio button checked, yes. Radio button not checked, no.
Fail NVDA 2014.1IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes radio button checked. Yes radio button checked.
OK JAWS 17.0.2619FF48 Reading Speak I agree to terms and conditions colon. Radio button checked, yes, one of two. Radio button not checked, no, two of two. Sign me up to the newsletter colon. Radio button checked, yes, one of two. Radio button not checked, no, two of two.
Fail JAWS 17.0.2619FF48 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked, one of two. Yes, radio button checked, one of two.
OK JAWS 17.0.2619IE11 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Radio button not checked, no. Sign me up to the newsletter colon. Radio button checked, yes. Radio button not checked, no.
Fail JAWS 17.0.2619IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked. Yes, radio button checked.
OK JAWS 16.0.4350FF40 ReadingTwo of two not announced for second pair of buttons Speak I agree to terms and conditions colon. Radio button checked, yes. Radio button not checked, no, two of two. Sign me up to the newsletter colon. Radio button checked, yes. Radio button not checked, no.
Fail JAWS 16.0.4350FF40 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked, one of two. Yes, radio button checked, one of two.
OK JAWS 16.0.4350IE11 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Yes. Radio button not checked, no. No. Sign me up to the newsletter colon. Radio button checked, yes. Yes. Radio button not checked, no. No.
Fail JAWS 16.0.4350IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked. Yes, radio button checked.
OK JAWS 15.0.9023FF29 ReadingTwo of two not announced for second pair of buttons Speak I agree to terms and conditions colon. Radio button checked, yes. Radio button not checked, no, two of two. Sign me up to the newsletter colon. Radio button checked, yes. Radio button not checked, no.
Fail JAWS 15.0.9023FF29 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked, one of two. Yes, radio button checked, one of two.
OK JAWS 15.0.9023IE11 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Yes. Radio button not checked, no. No. Sign me up to the newsletter colon. Radio button checked, yes. Yes. Radio button not checked, no. No.
Fail JAWS 15.0.9023IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked. Yes, radio button checked.
OK JAWS 14.0.9002FF29 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Radio button not checked, no, two of two. Sign me up to the newsletter colon. Radio button checked, yes. Radio button not checked, no. Two of two.
Fail JAWS 14.0.9002FF29 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked, one of two. Yes, radio button checked, one of two.
OK JAWS 14.0.9002IE11 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Yes. Radio button not checked, no. No. Sign me up to the newsletter colon. Radio button checked, yes. Yes. Radio button not checked, no. No.
Fail JAWS 14.0.9002IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked. Yes, radio button checked.
OK JAWS 13.0.852FF29 Reading Speak I agree to terms and conditions colon. Radio button checked, yes, one of two. Radio button not checked, no, two of two. Sign me up to the newsletter colon. Radio button checked, yes, one of two. Radio button not checked, no, two of two.
Fail JAWS 13.0.852FF29 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked, one of two. Yes, radio button checked, one of two.
OK JAWS 13.0.852IE11 Reading Speak I agree to terms and conditions colon. Radio button checked, yes. Radio button not checked, no. Sign me up to the newsletter colon. Radio button checked, yes. Radio button not checked, no.
Fail JAWS 13.0.852IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button checked. Yes, radio button checked.
OK WindowEyes 9.2IE11 Reading Speak I agree to terms and conditions. Yes, radio button checked. Yes. No, radio button unchecked. No. Sign me up to the newsletter. Yes, radio button checked. Yes. No, radio button unchecked. No.
Fail WindowEyes 9.2IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, radio button, checked. Yes, radio button, checked.
Fail WindowEyes 8.4IE11 ReadingNo label and following text run together, which is very misleading Speak I agree to the terms and conditions. Radio button checked, yes. Radio button unchecked, no sign me up to the newsletter. Radio button checked, yes. Radio button unchecked, no.
Fail WindowEyes 8.4IE11 TabbingImpossible to tell what the two Yes options are for. Speak Yes, checked, radio button. Yes, checked, radio button.
OK VoiceOver OSX 10.11Safari 9.1.2 Reading Speak I agree to terms and conditions. Yes, selected radio button, one of two. Yes. No, radio button, two of two. No. Sign me up to the newsletter. Yes, selected radio button, one of two. Yes. No, radio button, two of two. No.
Fail VoiceOver OSX 10.11Safari 9.1.2 TabbingNo indication of what Yes/No choices are for Speak Yes, selected radio button, one of two. Yes, selected radio button, one of two.
OK VoiceOver OSX 10.10Safari 8.0.6 Reading Speak I agree to terms and conditions. Yes, selected radio button, one of two. Yes. No, radio button, two of two. No. Sign me up to the newsletter. Yes, selected radio button, one of two. Yes. No, radio button, two of two. No.
Fail VoiceOver OSX 10.10Safari 8.0.6 TabbingNo indication of what Yes/No choices are for Speak Yes, selected radio button, one of two. Yes, selected radio button, one of two.
Fail VoiceOver OSX 10.9Safari 7.0.3 ReadingCompletely misleading options read out. Speak I agree to terms and conditions. Yes, sign me up to the newsletter, selected radio button, one of two. No, sign me up to the newsletter, radio button, two of two. Sign me up to the newsletter. Yes, selected radio button, one of two. No, radio button, two of two.
Fail VoiceOver OSX 10.9Safari 7.0.3 TabbingLegend not read - no indication of what Yes/No choices are for Speak Yes, selected radio button, one of two. Yes, selected radio button, one of two.
Fail VoiceOver iOS 9.1Safari iOS 9.1TouchNo indication that each Yes/No is a pair of choices - all radio buttons announced as one of one. Speak I agree to the terms and conditions. Yes, radio button ticked, one of one. No, radio button unticked, one of one. Sign me up to the newsletter. Yes, radio button ticked, one of one. No, radio button unticked, one of one.
Fail VoiceOver iOS 8.4Safari iOS 8.4TouchNo indication that each Yes/No is a pair of choices. Speak I agree to the terms and conditions. Yes, radio button ticked, one of one. No, radio button unticked, one of one. Sign me up to the newsletter. Yes, radio button ticked, one of one. No, radio button unticked, one of one.
OK VoiceOver iOS 7.1Safari iOS 7.1Touch Speak I agree to the terms and conditions. Yes, radio button ticked, one of two. No, radio button unticked, two of two. Sign me up to the newsletter. Yes, radio button ticked, one of two. No, radio button unticked, two of two.
OK Dolphin SR 15.05IE11 Reading Speak I agree to the terms and conditions. Checked radio, yes. Yes. Unchecked radio, no. No. Sign me up to the newsletter. Checked radio, yes. Yes. Unchecked radio, no. No.
Fail Dolphin SR 15.05IE11 TabbingFieldset legend ignored, impossible to tell what the two Yes/No options are for. Speak Checked radio, yes. Unchecked radio, no. Checked radio, yes. Unchecked radio, no.
Fail SaToGo 3.4.96.0IE11 ReadingNo label and following text run together Speak I agree to the terms and conditions. Radio button selected, Yes. Radio button unselected, No sign me up to the newsletter. Radio button selected, Yes. Radio button unselected, No.
Fail SaToGo 3.4.96.0IE11 TabbingNo label and following text run together, which is very misleading Speak Yes, radio button selected. No sign me up to the newsletter, radio button unselected. Yes, radio button selected. No, radio button unselected.

SortSite rules: AccWcag1-12.3.3

Test notes

The threshold for inclusion in these results is 5% usage in the most recent WebAIM screen reader survey. Chrome and Android still fall below the 5% threshold.

All tests were carried out with screen reader factory settings. JAWS in particular has a wide variety of settings controlling exactly what gets spoken.

Screen readers allow users to interact in different modes, and can produce very different results in each mode. The modes used in these tests are:

In the «What the user hears» column: