1844076 - Computed panel items are not properly announced on screen readers

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Nicolas Chevobbe [:nchevobbe]]

Attachment: CleanShot 2023-07-18 at 14.59.08.png

Each computed style row that consists of two lines: the style name and it’s computed value - but its announcement on focus is broken into pieces

For example, visually “accent-color” property is associated with “rgb(0, 221, 255)” value but it’s announced as “Collapse, button, accent-color:, heading, clickable, accent-color, level 2, clickable, rgb(0, 221, 255)” that splits not only the key-value pair but its role as well.

Also, inconsistently, when a button is collapsed, only the first line - the property name - is being announced, but when the button is expanded it is ignored and only the second line - the value - is being announced