search

statamic / a11y

Discuss and track opportunities to improve Statamic's accessibility
3 stars 1 forks source link

No "skip links" available to assist keyboard navigation in Statamic's Control Panel #5

Open JayGeorge opened 4 years ago

JayGeorge commented 4 years ago

Description of the problem

It would be really handy to include 'skip links' in Statamic's control panel to speed up keyboard navigation.

For example, let's say I create a new 'entry' in a collection. I'd like to start using tab on my keyboard straight away and entering content. Currently, I have to press tab many times to reach the first field in the entry. It would be much better if there was a 'Skip to Entry' or 'Skip to Content' link at the top of the page so I could press tab once or twice, then hit enter.

Here are skip links implemented in Genesis, a well-known base theme for WordPress—https://demo.studiopress.com/genesis-sample

So for example, on the Genesis theme, you can press tab once or twice and jump to important parts of the page.

What went wrong

When creating an entry in a collection (this is just an example—really all pages in the CP are up for grabs here) I need to press tab many times to get to the main fields

What I expected to happen

Some kind of shortcut like popularly implemented 'skip links' to help me enter content efficiently with the keyboard.

JonKaric commented 3 years ago

Skip links are a band-aid imo. A better solution is to place focus on the title of the page for usability. However, I know that Statamic comes bundled with keyboard shortcuts which, if they override screen reader shortcut keys to skip to regions, may make skip links the more attractive solution.