RJSF styling for 508 compliance

beer-garden / react-ui

Frontend for beer-garden built on React

MIT License

1 stars 8 forks source link

RJSF styling for 508 compliance #302

Open obr42 opened 1 year ago

obr42 commented 1 year ago

For all RJSF forms used throughout the app, there are a few styling changes that would make for better 508 compliance.

Labels (the ones with divider bar under them) have the wrong heading level [Heading levels should only increase by one]
Remove message from command parameter list is just a - icon with no aria-label

obr42 commented 1 year ago

There are RJSF docs about adding classNames to the schema to apply class overrides, but I couldn't figure out how to get it working correctly in the time box I allowed for the original effort. echo_model is a good command to use for testing as it has lots of complexity in its form.