1564968 - Add UI for keyboard accessibility audit/check.

Status: RESOLVED FIXED

(DevTools :: Accessibility Tools, enhancement)

Description

[Yura Zenevich [:yzen] (please use "needinfo")]

n addition to existing checks and audit functionality we are adding an audit/checks category for keyboard accessibility that includes:

• adding keyboard accessibility type and functionality to the accessible actor
• adding infobar audit component for accessible highlighter
• adding keyboard accessibility section in the checks in the panel sidebar
• adding the badge to the accessibility tree rows
• adding the filter to the a11y panel checks toolbar

Comment 1

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - add isElementThemed method to InspectorUtils to infer native theme styling such as focus. r=emilio

Comment 2

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - adding keyboard audit type serverside support. r=nchevobbe

Depends on D43441

Comment 3

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - add highlighting support for keyboard issues. r=rcaliman

Depends on D43442

Comment 4

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - create Check component for a generic check result in the checks section of the accessibility panel sidebar. r=gl

Depends on D43443

Comment 5

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - add keyboard check section within accessibility panel sidebar checks. r=gl

Depends on D43444

Comment 6

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1564968 - add keyboard audit filter/badge to the accessibility panel. r=gl

Depends on D43445

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/c12857bc6980
add isElementThemed method to InspectorUtils to infer native theme styling such as focus. r=emilio
https://hg.mozilla.org/integration/autoland/rev/e69163dc4683
adding keyboard audit type serverside support. r=nchevobbe
https://hg.mozilla.org/integration/autoland/rev/db1a396ab58e
add highlighting support for keyboard issues. r=rcaliman
https://hg.mozilla.org/integration/autoland/rev/868dbd59c79e
create Check component for a generic check result in the checks section of the accessibility panel sidebar. r=gl
https://hg.mozilla.org/integration/autoland/rev/c3227d4ff4b3
add keyboard check section within accessibility panel sidebar checks. r=gl,fluent-reviewers,flod
https://hg.mozilla.org/integration/autoland/rev/4b7516635108
add keyboard audit filter/badge to the accessibility panel. r=gl

Comment 8

[Bogdan Tara[:bogdan_tara | bogdant]]

Backed out 6 changesets (Bug 1564968) by yzen's request

Backout link: https://hg.mozilla.org/integration/autoland/rev/20c9dfa0cf86c8964988ea18f23feff57dc3356d

Comment 9

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/c1fb4db88eb0
add isElementThemed method to InspectorUtils to infer native theme styling such as focus. r=emilio
https://hg.mozilla.org/integration/autoland/rev/e9fa44e62b03
adding keyboard audit type serverside support. r=nchevobbe
https://hg.mozilla.org/integration/autoland/rev/bcca86af8ab5
add highlighting support for keyboard issues. r=rcaliman
https://hg.mozilla.org/integration/autoland/rev/083ba02b90d2
create Check component for a generic check result in the checks section of the accessibility panel sidebar. r=gl
https://hg.mozilla.org/integration/autoland/rev/9bb2ac5890de
add keyboard check section within accessibility panel sidebar checks. r=gl,fluent-reviewers,flod
https://hg.mozilla.org/integration/autoland/rev/2c951108cb69
add keyboard audit filter/badge to the accessibility panel. r=gl

Comment 10

[Cristina Coroiu [:ccoroiu]]

https://hg.mozilla.org/mozilla-central/rev/c1fb4db88eb0
https://hg.mozilla.org/mozilla-central/rev/e9fa44e62b03
https://hg.mozilla.org/mozilla-central/rev/bcca86af8ab5
https://hg.mozilla.org/mozilla-central/rev/083ba02b90d2
https://hg.mozilla.org/mozilla-central/rev/9bb2ac5890de
https://hg.mozilla.org/mozilla-central/rev/2c951108cb69

Comment 11

[Yura Zenevich [:yzen] (please use "needinfo")]

Keyboard checks now have links to MDN similar to text label checks.

Text label checks documentation is here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names?utm_source=devtools&utm_medium=a11y-panel-checks-text-label#Use_alt_attribute_to_provide_a_name_for_areas_that_have_the_href_attribute

Placeholder for keyboard checks is here:
https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard?utm_source=devtools&utm_medium=a11y-panel-checks-keyboard

Comment 12

[Janet Swisher]

Tracking the doc work in https://github.com/mdn/sprints/issues/2062