WebAIM - Web Accessibility In Mind

E-mail List Archives

chrome's devtools accessibility tree - where's the accessible description?

for

From: glen walker
Date: May 15, 2020 1:18PM

Perhaps I'm overlooking something obvious but I don't see the accessible
description in chrome's devtools accessibility tree.

Viewing the accessibility tree is a nice feature of devtools. You can see
ARIA attributes, role, and other interesting stuff.

In the "Computed Properties" section, it shows the accessible name and
where the accessible name comes from. It pairs nicely with the "Accessible
Name and Description Computation" spec (
https://www.w3.org/TR/accname-1.1/#step2) so you can see if the name came
from aria-labelledby or aria-label or a <label> element or from content.

The "Accessible Name and Description Computation" spec, as the name
implies, also talks about how the accessible description is calculated.
However, the accessible description is not displayed in the "Computed
Properties" section of devtools.

Oversight or am I missing something?

(In case you haven't used the accessibility tree before, or aren't aware of
it, when you inspect an element in devtools, in the panel that usually
shows the styles for the element you're inspecting, there's an
"Accessibility" tab after "Computed" and "Event Listeners". Depending on
how big your browser window is, the "Accessibility" tab might be hidden
under the double right chevron icon, which is announced as "more tabs, menu
button". See
https://developers.google.com/web/tools/chrome-devtools/accessibility/reference#computed
)