NEW229118
AX: position:absolute; on a <caption> element prevents VoiceOver from reading the table
https://bugs.webkit.org/show_bug.cgi?id=229118
Summary AX: position:absolute; on a <caption> element prevents VoiceOver from reading...
a11ybugreportsnz
Reported 2021-08-15 02:51:04 PDT
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.
Attachments
A demo of a table caption that causes this bug (1.73 KB, text/html)
2021-08-15 02:51 PDT, a11ybugreportsnz
no flags
Radar WebKit Bug Importer
Comment 1 2021-08-15 02:51:15 PDT
Note You need to log in before you can comment on or make changes to this bug.