Improve Pixie UI accessibility

Open vihangm opened this issue 2 years ago • 0 comments

Running Lighthouse on the current px/cluster live view generates the following problems:

[ ] [aria-*] attributes do not match their roles
[ ] [role]s do not have all required [aria-*] attributes
[ ] button, link, and menuitem elements do not have accessible names.
[ ] Buttons do not have an accessible name
[ ] <frame> or <iframe> elements do not have a title
[ ] Links do not have a discernible name
[ ] Background and foreground colors do not have a sufficient contrast ratio.
[ ] <html> element does not have a [lang] attribute
[ ] Lists do not contain only <li> elements and script supporting elements (<script> and <template>).
[ ] Some elements have a [tabindex] value greater than 0

We should address these items to improve the accessibility of Pixie's UI.

May 31 '23 20:05 vihangm