Bug 229118

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:

Keywords:

InRadar

Version:

Safari 14

Hardware:

iPhone / iPad

OS:

iOS 14

Attachments:

Description	Flags
A demo of a table caption that causes this bug	none

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	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2021-08-15 02:51:15 PDT

<rdar://problem/81951964>

Note You need to log in before you can comment on or make changes to this bug.