Accessibility

This site

Keyboard

A skip link is the first Tab stop, every link and control can be reached with Tab, and the steps of the home page’s example move with the arrow keys.

Structure a screen reader can follow

Each page has one main heading, and its headings are in order. The navigation, the main content and the footer are marked as regions, and the navigation says which page you are on.

Contrast

Text is 4.5:1 or better on its surface, and control edges clear 3:1.

Reduced motion

Every reveal and transition switches off; everything is shown at rest, and nothing plays by itself.

Touch

Buttons and footer links are at least 44 px each way on a touch screen.

Images

Every image that carries information has alternative text, and decorative copies are hidden from screen readers. A state is never shown by colour alone: it is written out.

How it is tested

An automated scan (axe, with the WCAG 2.2 A and AA rules) runs on every page of this site at desktop width in Chromium and Firefox and at a phone width, and fails on any serious or critical problem. Every page is also checked for sideways scrolling at eight widths, from 360 to 1728 pixels. The site has not yet been tried with a screen reader.

The Plyvel app

In the app, every workspace action can be found by name with Commands (Ctrl K, or Cmd K on a Mac), and ? lists every key. Single-key shortcuts can be turned off, under Settings, Appearance, so they do not clash with a screen reader’s keys. Where your device asks for less motion, Blink stays still.

Marking a region needs a mouse, a pen or touch; there is no keyboard way yet.

The app has its own statement, with what is checked on every change and the gaps known today: Accessibility of the Plyvel app.

In the app’s Help: Keys, Commands and Focus

Still owed

• A session with a real screen reader (NVDA, JAWS or VoiceOver), on this site and in the app.
• Safari itself: the site’s tests run in WebKit, Safari’s engine, not in Safari on a Mac, iPhone or iPad.
• An Arabic, right-to-left version of this site.

If something does not work for you, tell me through the contact page.