229118 2021-08-15 02:51:04 -0700 AX: position:absolute; on a <caption> element prevents VoiceOver from reading the table 2021-08-15 03:01:31 -0700 1 1 1 Unclassified WebKit Accessibility Safari 14 iPhone / iPad iOS 14 NEW InRadar P2 Blocker --- 1 a11ybugreportsnz webkit-unassigned andresg_22 webkit-bug-importer oldest_to_newest 1784371 0 435561 a11ybugreportsnz 2021-08-15 02:51:04 -0700 Created attachment 435561 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. 1784372 1 webkit-bug-importer 2021-08-15 02:51:15 -0700 <rdar://problem/81951964> 435561 2021-08-15 02:51:04 -0700 2021-08-15 02:51:04 -0700 A demo of a table caption that causes this bug Caption Element VO Bug Demo 2.html text/html 1774 a11ybugreportsnz PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9J2VuLW56Jz4KCjxoZWFkPgogICAgPHRpdGxlPmlP UyArIFNhZmFyaSArIFZvaWNlT3ZlciB0YWJsZSBjYXB0aW9uIGJ1ZyBkZW1vPC90aXRsZT4KICAg IDxzdHlsZT4KICAgICAgICB0ZCwKICAgICAgICBjYXB0aW9uIHsKICAgICAgICAgICAgYm9yZGVy OiAxcHggc29saWQgYmxhY2s7CiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgfQoK ICAgICAgICBib2R5IHsKICAgICAgICAgICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW07CiAg ICAgICAgfQogICAgPC9zdHlsZT4KPC9oZWFkPgoKPGJvZHk+CiAgICA8aDE+aU9TICsgU2FmYXJp ICsgVm9pY2VPdmVyICZsdDt0YWJsZSZndDsgJmx0O2NhcHRpb24mZ3Q7IGJ1ZyBkZW1vPC9oMT4K CiAgICA8aDI+Vm9pY2VPdmVyIGdldHMgJ3N0dWNrJyBvbiBwb3NpdGlvbjogYWJzb2x1dGU7ICZs dDtjYXB0aW9uJmd0OyBlbGVtZW50czwvaDI+CgogICAgPHA+CiAgICAgICAgSXQgaXMgY29tbW9u IHRvIHNlZSAnc2NyZWVuIHJlYWRlciBvbmx5JyBjb250ZW50IGluIHdlYnNpdGVzLiBUaGlzIGlz IHR5cGljYWxseQogICAgICAgIGltcGxlbWVudGVkIHdpdGggYW4gJy5zci1vbmx5JyBjbGFzcyBv ciBzaW1pbGFyLCBzdWNoIGFzIGluIEJvb3RzdHJhcC4KICAgICAgICBNb3N0ICcuc3Itb25seScg aW1wbGVtZW50YXRpb25zIHVzZSB0aGUgJ3Bvc2l0aW9uOiBhYnNvbHV0ZScgQ1NTIHJ1bGUuCiAg ICA8L3A+CgogICAgPHA+CiAgICAgICAgVGhpcyBtZWFucywgaWYgYSBjb250ZW50IGF1dGhvciB3 YW50cyB0byB2aXN1YWxseSBoaWRlIGEgdGFibGUgY2FwdGlvbiBidXQgcHJlc2VydmUKICAgICAg ICBhY2Nlc3NpYmlsaXR5IGZvciBzY3JlZW4gcmVhZGVycywgdGhpcyBidWcgd2lsbCBvY2N1ci4K ICAgIDwvcD4KCiAgICA8cD4KICAgICAgICBUaGUgZm9sbG93aW5nIHRhYmxlIGhhcyBhICd2aXN1 YWxseSBoaWRkZW4nIGNhcHRpb24gZWxlbWVudCwgYnV0IGl0IHNob3VsZCBzdGlsbCBiZSBhY2Nl c3NpYmxlIHdpdGggVm9pY2VPdmVyLgogICAgPC9wPgoKICAgIDxwPgogICAgICAgIFRvIHJlcHJv ZHVjZSB0aGlzIGJ1ZzoKICAgIDwvcD4KCiAgICA8b2w+CiAgICAgICAgPGxpPkVuYWJsZSBWb2lj ZU92ZXIgb24geW91ciBpUGhvbmU8L2xpPgogICAgICAgIDxsaT5Vc2UgdGhlIGxlZnQvcmlnaHQg c3dpcGUgZ2VzdHVyZXMgdG8gbW92ZSB0aGUgVm9pY2VPdmVyIGN1cnNvciB0byB0aGUgdGFibGU8 L2xpPgogICAgICAgIDxsaT5Zb3Ugd2lsbCBub3RpY2UgdGhhdCBWb2ljZU92ZXIgZ2V0cyAnc3R1 Y2snIG9uICJCdWdneSBDYXB0aW9uIiBhbmQgY2Fubm90IGFubm91bmNlIHRoZSB0YWJsZTwvbGk+ CiAgICA8L29sPgoKICAgIDx0YWJsZT4KICAgICAgICA8Y2FwdGlvbiBzdHlsZT0ncG9zaXRpb246 IGFic29sdXRlOyBjb2xvcjogdHJhbnNwYXJlbnQ7IGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7 Jz5CdWdneSBDYXB0aW9uPC9jYXB0aW9uPgogICAgICAgIDx0Ym9keT4KICAgICAgICAgICAgPHRy PgogICAgICAgICAgICAgICAgPHRkPkFwcGxlPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD4kMi45 OSBlYWNoPC90ZD4KICAgICAgICAgICAgPC90cj4KICAgICAgICAgICAgPHRyPgogICAgICAgICAg ICAgICAgPHRkPlBlYXI8L3RkPgogICAgICAgICAgICAgICAgPHRkPiQ3Ny44NSBlYWNoPC90ZD4K ICAgICAgICAgICAgPC90cj4KICAgICAgICA8L3Rib2R5PgogICAgPC90YWJsZT4KPC9ib2R5PgoK PC9odG1sPg==