Accessibility-contract
Preview#
Accessibility is a system property
Accessibility is governed through tokens, native HTML, component contracts, and content rules—not by a compliance badge.
Contrast
Computed from tokens
Published interface pairs expose their WCAG 2.2 contrast ratio and normal-text AA result.
color.ink17.88:1 AAcolor.accent4.76:1 AAcolor.line13.17:1 AA
Focus
Documented rule
Every interactive element retains a visible, token-backed focus indicator.
AccessibilitySemantic structure
Component contract
Native links, buttons, landmarks, headings, lists, and tables keep meaning without visual styling.
ComponentsKeyboard access
Component contract
Native controls preserve Tab, Enter, and Space behavior; the skip link shortens repeated navigation.
Skip linkMotion and content
Governance rule
Non-essential motion respects reader preferences, while authors provide language-aware labels, headings, and text alternatives.
Content
Example
{{< accessibility-contract >}}When to use
A data-driven accessibility contract with token-derived contrast evidence and linked system rules.
Implementation
layouts/shortcodes/accessibility-contract.htmlOptions
This shortcode has no named parameters in its template.
Interface manifest
- Kind
- Shortcode
- Category
- Data
- Status
- Implemented
- Implementation
- Shortcode:
layouts/shortcodes/accessibility-contract.html