Is this a bug report or a feature request?

• Bug Report
• Feature Request

Please provide the steps to reproduce the issue [Bug Report only]

Since what I'm asking for is not achievable in the native browser DevTools inspector, I thought maybe Angular DevTools could offer it.

I'd appreciate having an a11y focus mode in the element inspector.

Please provide the expected behavior vs the actual behavior you encountered [Bug Report only]

No response

Please provide a screenshot if possible [Bug Report only]

No response

Please provide the exception or error you saw [Bug Report only]

Is this a browser-specific issue? If so, please specify the device, browser, and version. [Bug Report only]

Description [Feature Request only]

No response

Proposed solution [Feature Request only]

This would be mode where the inspector would only show a specific subset of element attributes that allows debugging/troubleshooting HTML markup when ensuring proper a11y behaviors.

So the elements would show the attributes that contribute to correct a11y behavior: id, role, aria-*, tabindex (and maybe some others should they slip my memory)

This is not to be confused with the Accessibility Tree which serves a different purpose:

Alternatives considered [Feature Request only]

The alternatives aren't really there:

• native devtools' Element inspector shows a whole bunch of attributes, some of them being Angular proprietary ones, such as _ngcontent-ng-... _nghost-ng-..., input reflections, etc. which obscure the attributes that matter for a11y. When focusing on the correct a11y markup, it is difficult to get a good representation of the rendered page with the Angular "noise" filtered out.
• the Accessibility tree serves a different purpose - it's not to show HTML