Bug 165088
| Summary: | AX: text-transform shouldn’t impact the way text is read in VoiceOver | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Sylvain Gamel <code> |
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ida, robin, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | All | ||
| OS: | macOS 10.12 | ||
Sylvain Gamel
When a text-transform is applied to text, for example a button, then screen-reader reads the text with text-transform applied, not original semantic value.
This is impacting accessibility of web pages the following way:
- let say you have a button "Add to Cart" in you page.
- CSS ensure that all buttons texts are rendered as uppercase
Expected result:
VoiceOver would read "add to card" as separate words
Real result:
VoiceOver is spelling-out first word "Add" as "A D D".
This behavior is quite confusing for blind users and those using screenreaders.
You can check this example with Voice Over enabled on macOS.
https://jsfiddle.net/sgamel/qyp5avne/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/29464756>
Ida
Any updates on this one?
Noticed recently that VoiceOver also transforms words into latin numbers if they are styled with text-transform uppercase.
I'm assuming it's related to this bug. If not I'm happy to post a separate bug-report with an example.