directus / directus

The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

Home Page:https://directus.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CMS is not accessible

AccessAbilityOfficer opened this issue · comments

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

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