Developer portal application dashboard has many accessibility issues

MinnDevelopment commented 1 month ago

Description

From a quick check:

Pages are missing h1 elements
Inputs with no labels
No lang attribute on the document (breaking translation, hyphen algorithms, etc.)
The logo link has no aria label and is marked as aria-current for every page
User menu button in the top right has no aria label
Many orphaned <label> elements that have no functional value and should be replaced with <p>
Nav is not marked as nav

Also, the activity settings page has way too much uppercase text to the point of being painful to read:

For some reason, this "IMPORTANT" is a <header>?

Are reports like this welcome? Should I open bug tickets for failed success criteria on these pages, or is this a non-goal?

Steps to Reproduce

Simple check with any accessibility tool, like axe or WAVE.

Expected Behavior

Following basic accessibility success criteria.

Current Behavior

Severe number of problems, general lack of accessibility in many places.

Screenshots/Videos

No response

Client and System Information

Firefox, tested with WAVE 3.2.7.1

JustinBeckwith commented 1 month ago

Are reports like this welcome? Should I open bug tickets for failed success criteria on these pages, or is this a non-goal?

This is absolutely welcomed! I can't promise that we'll get to all of the issues, but I'm starting to look at a few of these as time allows.

JustinBeckwith commented 1 day ago

So it isn't perfect ... but I think we've actually addressed most of the things here, and a lot of what we found with Wave. Let us know if you run into any other issues!

discord / discord-api-docs