discord-api-docs icon indicating copy to clipboard operation
discord-api-docs copied to clipboard

Developer portal application dashboard has many accessibility issues

Open MinnDevelopment opened this issue 1 year ago • 1 comments

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:

image

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

image

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

MinnDevelopment avatar Oct 14 '24 22:10 MinnDevelopment

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 avatar Oct 17 '24 03:10 JustinBeckwith

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!

JustinBeckwith avatar Nov 25 '24 04:11 JustinBeckwith