Modal Dialog Example: Input labels not read by VoiceOver

w3c / aria-practices

WAI-ARIA Authoring Practices Guide (APG)

https://www.w3.org/wai/aria/apg/

Other

1.21k stars 344 forks source link

Modal Dialog Example: Input labels not read by VoiceOver #669

Open markcaron opened 6 years ago

markcaron commented 6 years ago

While testing form elements in VoiceOver on iOS and OSX, I noticed that there seems to be some issues with the modal dialog example.

It seems that the labels in the example are not read at all in the following situations:

VO + Safari on OSX
VO + Safari on iOS
VO + Chrome on iOS

It just says, "edit text with autofill menu blank" or "text field".

I'm not sure if anything specifically (like in the JS) is preventing VO from reading the labels. But, I've tried to replicate the issue with no luck--trying implicit vs explicit labels, not adding a "name" attribute as in this example, inputs in dialogs, etc.

ZoeBijl commented 6 years ago

Could you tell us which versions you used?

markcaron commented 6 years ago

OSX: 10.13.4 OSX Safari: 11.1

iOS & Safari: 11.3.1 iOS Chrome: 66.0.3359.122

Thanks!

jnurthen commented 6 years ago

Seems to work fine in Safari technology Preview (12.0 r59) on MacOS 10.13.5 Can reproduce the issue on regular safari 11.1.1

a11ydoer commented 3 years ago

Hi @markcaron I checked updated example with combination of browsers and MacOS.

OSX 11.6 + Chrome 95.0. Now it says input field names such as street, city, state and so on. "street: menu pop up, edit text with autofill menu"
OSX 11.6 + Safari 14.1.2 Voiceover output "street, edit text with autofill menu" under

It seems to be working well. Can you kindly confirm?

a11ydoer commented 2 years ago

@markcaron

We are waiting for your response. Here the published APG 1.2 modal dialog example. https://www.w3.org/TR/wai-aria-practices-1.2/examples/dialog-modal/dialog.html

Is it ok to close the issue?