| Summary: | AX: position:absolute; on a <caption> element prevents VoiceOver from reading the table | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | a11ybugreportsnz | ||||
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Blocker | CC: | andresg_22, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 14 | ||||||
| Hardware: | iPhone / iPad | ||||||
| OS: | iOS 14 | ||||||
| Attachments: |
|
||||||
Created attachment 435561 [details] A demo of a table caption that causes this bug If a table has a <caption> element with the CSS rule "position: absolute", VoiceOver cannot read the contents of the table, and gets "stuck". This mainly occurs when you use the left/right swipe gestures to move the VoiceOver cursor. It is common to see 'screen reader only' content in websites. This is typically implemented with an '.sr-only' CSS class or similar, such as in Bootstrap. Most '.sr-only' implementations use the 'position: absolute' CSS rule. This means, if a content author wants to visually hide a table caption but preserve accessibility for screen readers, this bug will occur - making it impossible to access the table's contents.