directus / directus

The Modern Data Stack 🐰 β€” Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
https://directus.io
Other
25.77k stars 3.59k forks source link

CMS is not accessible #22512

Open AccessAbilityOfficer opened 2 weeks ago

AccessAbilityOfficer commented 2 weeks ago

Describe the Bug

The issue I personally run into is the lack of visual keyboard support... can you tell which button has focus? CMS lack visual focus

It's the back button... it's a darker grey than when it doesn't have focus... but using shades of grey is a little crazy because I though it was disabled. The Save button is no better and there are several elements with NO visual change (the FLX logo and the active tab). Could you please do a quick and dirty CSS change to force a focus rectangle around the keyboard focus of all elements?

It's also a persona pain that to save this form I must navigate back up through it to get to the Save button, or give up and switch to using the mouse πŸ™

But to make sure I was providing accurate information I turned on NVDA (a free and popular screen reader) to confirm where the keyboard focus was I found controls with No programmatic names. Has this ever had an accessibility evaluation? doing a quick internet search i couldn't find a VPAT - could someone from Sales contact me (ADA@AccessAbilityOfficer.com)

To Reproduce

open - https://cms.flxwebsites.com/admin/content/accessability_officer_articles/7 using the tab key to navigate the page

Directus Version

10.10.4

Hosting Strategy

Self-Hosted (Custom)

Database

No response

br41nslug commented 2 weeks ago

It's also a persona pain that to save this form I must navigate back up through it to get to the Save button, or give up and switch to using the mouse πŸ™

To address this specific point you could also the keyboard shortcuts to save. image