172464 2017-05-22 12:50:06 -0700 AX: aria-label and aria-labelledby ignored when for-id association present on form input 2020-12-17 16:41:31 -0800 1 1 1 Unclassified WebKit Accessibility WebKit Nightly Build iPhone / iPad iOS 10 NEW InRadar P2 Normal --- 1 kenneth.petri webkit-unassigned govett nurthen webkit-bug-importer oldest_to_newest 1311505 0 kenneth.petri 2017-05-22 12:50:06 -0700 Overview: If an input field has a label and the label is associated with the field using for-id association, the for-id association overrides any other labels, whether those are associated using aria-labelledby or aria-label. Example code 1 (only labels are associated via aria-labelledby): <label id="labelID-one">Label One</label> <input type="text" aria-labelledby="labelID-one labelID-two"> <span id="labelID-two">Label Two</span> Expected Result for Example code 1: When field is focused, VoiceOver reads: "Label One, Label Two, text field" Actual Result for Example code 1: (same as expected result) Example code 2 (for-id association present along with labelledby) <label id="labelID-one" for="field-one">Label One</label> <input id="field-one" type="text" aria-labelledby="labelID-one labelID-two"> <span id="labelID-two">Label Two</span> Expected Result for Example code 2: When field is focused, VoiceOver overrides for-id association and reads labelledby IDREF values: "Label One, Label Two, text field" Actual Result for Example code 2: When field is focused, VoiceOver reads only the for-id associated label: "Label One, text field" Example code 3 (for-id association present and aria-label used): <label for="field-one">Label One</label> <input id="field-one" type="text" aria-label="an aria label"> Expected Result for Example code 3: When field is focused, VoiceOver overrides for-id association and reads aria-label value: "an aria label, text field" Actual Result for Example code 3: When field is focused, VoiceOver reads only the for-id associated label: "Label One, text field" These results were verified using iOS 10.3.1 on both iPad and iPhone. 1311506 1 webkit-bug-importer 2017-05-22 12:50:31 -0700 <rdar://problem/32332497> 1715593 2 govett 2020-12-17 15:43:13 -0800 This bug is still present in iOS 14. Here's another reproduction: https://codepen.io/devongovett/pen/PoGjwdG. The first slider is announced only as "Range" where the second slider is announced as "Range Maximum". VoiceOver on macOS announces the first slider correctly as "Range Minimum". 1715616 3 nurthen 2020-12-17 16:41:31 -0800 From inspecting Safari on iPadOS this doesn't seem to be a safari bug rather a Voiceover one. The (Inspected) Accessible name looks to be correct.