Bug 208050 - AX: VoiceOver iOS and OSX not announcing legend hint with aria-describedby if first input has hint
Summary: AX: VoiceOver iOS and OSX not announcing legend hint with aria-describedby if...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 13
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-02-21 06:11 PST by Nick Colley
Modified: 2023-03-17 10:41 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Nick Colley 2020-02-21 06:11:59 PST
### Overview

> The hint text for the aria-describedby on the input type="checkbox" supersedes the hint text for the aria-describedby on the fieldset. So the user only gets one hint read to them when they jump to the input through the tab index – the one on the input, rather than the legend.

1. Navigate to https://output.jsbin.com/juyaquq
2. Tab to first input

#### Minimal test case

```html
<fieldset aria-describedby="confirm-nationality-hint">
    <legend>
        What is your nationality?
    </legend>
    <span id="confirm-nationality-hint">
      Select all options that are relevant to you.
    </span>
    <br>
    <input id="confirm-nationality" name="confirm-nationality" type="checkbox" value="british-nationality" aria-describedby="confirm-nationality-item-hint">
    <label for="confirm-nationality">British</label>
    <span id="confirm-nationality-item-hint" class="govuk-hint govuk-checkboxes__hint">
      including English, Scottish, Welsh and Northern Irish
    </span>
    <br>
    <input name="confirm-nationality" type="checkbox" value="irish-nationality" aria-describedby="confirm-nationality-2-item-hint">
    <label class="govuk-label govuk-checkboxes__label" for="confirm-nationality-2">Irish</label>
    <span id="confirm-nationality-2-item-hint" class="govuk-hint govuk-checkboxes__hint">
      including from Northern Ireland
    </span>
    <br>
    <input id="confirm-nationality-3" name="confirm-nationality" type="checkbox" value="other-country-nationality" data-aria-controls="conditional-confirm-nationality-3">
    <label for="confirm-nationality-3">Citizen of a different country</label>
</fieldset>
```

JSBIN: https://output.jsbin.com/juyaquq

NVDA Version: 2019.2.1
Chrome version: 79.0.3945.130
Firefox version: 72.0.2

### Expected result

The legend is announced, followed by the legend hint, then the input and finally the input hint.

### Actual result

The legend is announced, then the input and finally the input hint.
Comment 1 Radar WebKit Bug Importer 2020-02-21 06:12:07 PST
<rdar://problem/59666537>
Comment 2 Nick Colley 2020-02-21 06:14:34 PST
Note the comments about NVDA, Chrome and Firefox can be ignored, this is also a problem there as VoiceOver.