[Webkit-unassigned] [Bug 243744] New: AX: `<th abbr>` not exposed to users
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Aug 9 12:56:53 PDT 2022
https://bugs.webkit.org/show_bug.cgi?id=243744
Bug ID: 243744
Summary: AX: `<th abbr>` not exposed to users
Product: WebKit
Version: Safari 15
Hardware: All
OS: All
Status: NEW
Severity: Normal
Priority: P2
Component: Accessibility
Assignee: webkit-unassigned at lists.webkit.org
Reporter: aroselli at gmail.com
CC: andresg_22 at apple.com,
webkit-bug-importer at group.apple.com
## Steps to reproduce the problem:
1. Go to https://cdpn.io/pen/debug/JjLZayQ#abbr-attr (the September table),
2. Inspect the accessibility properties of any column header,
3. Observe the visible text is exposed as the element's value, not the value of the `abbr` attribute.
## Problem Description:
The `abbr` attribute on the `<th>` element is meant to be "an alternative label for the header cell" (https://html.spec.whatwg.org/multipage/tables.html#attr-th-abbr). It should be exposed as part of the Computed Properties for both the header cell and all cells in that column.
Instead, the following construct only exposes its contents ("Tu") and does not provide the `abbr` attribute ("Tuesday") in the accessibility tree:
```
<th abbr="Tuesday">
Tu
</th>
```
As a developer, to convey the alternate name to screen reader users I am forced to use this construct:
```
<th>
<span aria-hidden="true">Tu</span>
<span class="visually-hidden">Tuesday</span>
</th>
```
With this CSS:
```
.visually-hidden:not(:focus):not(:active) {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
width: 1px;
height: 1px;
white-space: nowrap;
}
```
VoiceOver on macOS steps in to fill the gap by announcing the header cell correctly, but VoiceOver on iOS/iPadOS does not. Fixing this issue in the browser means the lack of parity between VoiceOvers should no longer be an issue, since it would get the value from the common WebKit engine.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220809/5bf7646a/attachment.htm>
More information about the webkit-unassigned
mailing list