search

statamic / a11y

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

WYSIWYG field traps Tab when using keyboard #2

Open fiinix opened 4 years ago

fiinix commented 4 years ago

Environment

Statamic version: 3.0.0.-beta-35 PHP version: 7.3.19 Install method (choose one):

Steps to reproduce

  1. When using Assistive Technology on a page to create a new entry (e.g. https://domanin.com/cp/collections/news/entries/create/default)
  2. Use [Tab] key to navigate to Page intro WYSIWYG field
  3. Use [Tab] key one (1) more time

Expected Result

Focus to move to the next field, allowing the user to browse to all available fields on the editing page.

Actual Result

Using [Tab] key creates a Tab-space in the WYSIWYG field, trapping users in this field.

Example or proof

n/a

WCAG 2.1 failure(s)

Please note, WCAG references are guidance and comprehensive testing ought to be conducted by a dedicated auditing company.

Severity/Priority

This is a critical, systemic issue.

jackmcdade commented 4 years ago

How would you tab indent content without being able to use the tab key in a content field?

fiinix commented 4 years ago

There is no such thing as a tab indent in HTML. Whilst I would understand being able to use the [Tab] key to create a subordinate list inside a list item (using Markdown for example), this isn't a feature you appear to support.

Why do you need to preserve tab indentations?

JayGeorge commented 4 years ago

I'd also noticed this problem. I'd just like to point out that in Chrome you can hit ctrl + tab to escape the box, but this does not work in Firefox (untested in Safari).