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.ink 17.88:1 AA
    • color.accent 4.76:1 AA
    • color.line 13.17:1 AA
    Accessibility
  • Focus

    Documented rule

    Every interactive element retains a visible, token-backed focus indicator.

    Accessibility
  • Semantic structure

    Component contract

    Native links, buttons, landmarks, headings, lists, and tables keep meaning without visual styling.

    Components
  • Keyboard access

    Component contract

    Native controls preserve Tab, Enter, and Space behavior; the skip link shortens repeated navigation.

    Skip link
  • Motion 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.html

Options

This shortcode has no named parameters in its template.

Interface manifest

Kind
Shortcode
Category
Data
Status
Implemented
Implementation
Shortcode:layouts/shortcodes/accessibility-contract.html