Where we are aiming
WCAG 2.2 Level AA. We are not claiming to have arrived. This page says what has been built deliberately and what is known to fall short, because a statement that only lists successes is not much use to anyone.
What has been done
- Keyboard throughout. Every control is reachable and operable by keyboard. The navigation menus open with Enter or Space, move with the arrow keys, and close with Escape, which returns focus to the button that opened them.
- Visible focus. Focus rings are not removed. They use the amber accent so they stand out against both the dark chrome and the white sheet.
- A skip link to the main content, as the first thing in the tab order.
- Real labels. Every field on every document sheet carries an accessible name, including the ones whose visible label is itself editable.
- Text that scales. The layout uses relative units and reflows to 320px and to 200% zoom without loss of content or horizontal scrolling.
- Motion respected. All animation and transition is dropped when the system asks for reduced motion.
- Contrast. Body text and controls meet the 4.5:1 minimum against their backgrounds.
Known gaps
- The document sheet is a dense grid of inputs. It is navigable, but reaching the totals from the top of a long invoice takes a lot of tabbing, and there is no landmark shortcut past the line items yet.
- The line item table changes shape below 700px, becoming a stack of cards. The relationship between a value and its column heading is carried visually and by a label; this has had less screen reader testing than the rest.
- The QR code and barcode are decorative in the accessibility tree. Their contents are printed as text beside them, but they are not announced as data.
- Colour is used to pick out the balance due on the printed invoice. The label is always present as well, so no information depends on colour alone, but the emphasis does.
Telling us we are wrong
If something here is unreachable, unreadable or wrong, please say so. Assistive technology and browser version help a great deal, because most problems are specific to a pairing.
Email [hello@www.opsliy.com].