Skip to main content

conformance · wcag 2.2 level aaa · texas §2054.459

Accessibility & Clinical Vision

The tux design system is engineered to W3C WCAG 2.2 Level AAA, Revised Federal Section 508, and Texas Gov't Code §2054.459 (1 TAC §206 / §213). Every commit executes automated AAA luminance contrast gates ($\ge 7.0:1$), non-text boundary verification ($\ge 3.0:1$), and axe-core structural audits across all 163 verified components.

institutional posture

Executive Conformance Summary

Certified Floor

WCAG 2.2 AAA

7.0:1 normal text · 4.5:1 large text · 3.0:1 UI boundaries · 44×44px target size across all themes.

Verified Catalog

163 / 163

100% of catalogued components pass automated Vitest + axe-core audits with 0 violations.

Clinical Vision Modes

5 CVD + 3 Comfort

Okabe-Ito CVD, Anti-Halation Astigmatism Soft Dark, RELLIS Field-Sunlight, and High-Contrast 508.

State & Federal Law

TX §2054.459 · 508

Exportable VPAT® 2.5 / OpenACR conformance packet ready for Texas DIR and USDOT procurement.

live clinical instrumentation

Vision, Astigmatism & Field-Sunlight Controls

Test TUX's runtime accessibility adaptations right here. Toggle clinical profiles for color vision deficiency (CVD), astigmatic halation relief, or outdoor tablet readability at the TTI RELLIS Proving Grounds.

multi-sensory data access · wcag 1.1.1 & 1.3.1

Acoustic Chart Sonification & Tabular Fallback

Visualizations wrapped in TuxChartFrame automatically compute descriptive screen-reader statistics, expose a Web Audio API sonification synthesizer (mapping values to 220 Hz–880 Hz musical pitch and left-to-right stereo pan), and provide a 1-click Accessible Data Table disclosure. Try clicking ♫ Sonify Audio or ⊞ Data Table below:

RELLIS Pavement Friction Telemetry · Exhibit A11Y-01

TxDOT Project 0-7114

Surface Skid Resistance by Test Section

Locked-wheel skid trailer measurements (SN40R) across 5 RELLIS proving-ground test pavements.

Skid Number (SN40R) (5 points, rising trend): peak 63.6 SN at STA 07+00 (High-Friction Seal), low 41.2 SN at STA 05+50 (Bridge Deck), mean 50.22 SN.
0102030405060STA 01+00 (Dry Asphalt)STA 02+50 (Wet PFC)STA 04+00 (Concrete Rumble)STA 05+50 (Bridge Deck)STA 07+00 (High-Friction Seal)52.444.849.141.263.6

Values synthesized acoustically between 220 Hz (A3) and 880 Hz (A5) with stereo spatial panning.

Source: TTI Roadside Safety & Physical Security Division · RELLIS Track 4.

vpat® 2.5 · openacr · texas tac §206 / §213

Official Conformance Matrix & Export Packet

Compliance officers, grant auditors, and state EIR coordinators can filter criteria by WCAG 2.2 level or export the complete machine-readable OpenACR 2.5 JSON and VPAT 2.5 Markdown packet below.

CriterionLevelConformanceVerificationRemarks, Evidence & Statutory Mapping
1.1.1 Non-text ContentASupportsAutomated CI Gate

All decorative icons carry aria-hidden="true". Charts in TuxChartFrame provide auto-computed plain-language statistical summaries, Web Audio API acoustic sonification, and an expandable semantic HTML <table>.

WCAG 2.2 1.1.1Section 508 5011 TAC §206.50
1.3.1 Info and RelationshipsASupportsAutomated CI Gate

Components emit semantic HTML5 landmarks (<nav>, <main>, <aside>, <figure>, <figcaption>, <dialog>, <details>, <dl>, <table> with scope="col"/"row"). Verified with 0 axe-core violations across 245 prerendered routes.

WCAG 2.2 1.3.1Section 508 501
1.4.1 Use of ColorASupportsAutomated CI Gate

Color is never the sole visual channel. Operational chips descend in lightness by severity (ADR-0013); charts enforce triple-redundant encodings (Okabe-Ito CVD palette + stroke dash patterns + geometric point markers + direct value labels).

WCAG 2.2 1.4.1ADR-0013
1.4.3 Contrast (Minimum)AASupportsAutomated CI Gate

Superseded by Level AAA 1.4.6. 100% of text/surface pairs exceed 4.5:1 across tti, tti-dark, tti-hc, anti-halation soft-dark, and field-sunlight themes.

WCAG 2.2 1.4.3Section 508 501
1.4.6 Contrast (Enhanced)AAASupportsAutomated CI Gate

CI gates on >= 7.0:1 normal text and >= 4.5:1 large text across all themes (scripts/audit-wcag-aaa.mjs and scripts/audit-contrast.mjs). Aggie Maroon (#500000) on white achieves 15.66:1; RELLIS Field-Sunlight mode achieves 21.0:1 ink contrast.

WCAG 2.2 1.4.6ADR-0016
1.4.8 Visual PresentationAAASupportsAutomated CI Gate

Prose measures are capped below 80ch (--layout-prose), line-height is >= 1.5, copy is left-aligned (never full-justified), and user-selectable clinical themes (Anti-Halation Soft Dark & RELLIS Field-Sunlight) are built in.

WCAG 2.2 1.4.8ADR-0016
1.4.10 ReflowAASupportsAutomated CI Gate

Components use CSS container queries (ADR-0007) to reflow cleanly at 320 CSS pixels and 200%/400% browser zoom without horizontal scrolling of reading copy.

WCAG 2.2 1.4.10ADR-0007
1.4.11 Non-text ContrastAASupportsAutomated CI Gate

Interactive control borders, focus indicators, and chart series tokens are mechanically verified at >= 3.0:1 contrast against adjacent surfaces (tests/tux-bridge-aaa.test.ts and tests/tux-vision-theme.test.ts).

WCAG 2.2 1.4.11ADR-0016
2.1.1 KeyboardASupportsAutomated CI Gate

All interactive components, command palettes (⌘K), modals (<dialog>), 2D heatmap cursors, and chart sonification controls are 100% keyboard-operable without timed keystrokes.

WCAG 2.2 2.1.1Section 508 501
2.3.3 Animation from InteractionsAAASupportsAutomated CI Gate

Every transition, skeleton shimmer, canvas animation, and ripple composable respects prefers-reduced-motion: reduce and collapses to instant state changes.

WCAG 2.2 2.3.3
2.4.1 Bypass BlocksASupportsAutomated CI Gate

Every layout shell (default, sidebar, TuxPortalShell) renders a high-contrast Skip to Main Content link as the first focusable DOM node.

WCAG 2.2 2.4.1Section 508 501
2.4.7 Focus VisibleAASupportsAutomated CI Gate

All interactive elements display TUX's signature two-ring focus indicator (2px inner sand halo + 2px outer maroon ring, or 3px solid with 2px offset in tux-bridge.css).

WCAG 2.2 2.4.7ADR-0016
2.4.11 Focus Not Obscured (Minimum)AASupportsAutomated + Clinical Review

Sticky headers and rails respect --tux-nav-height scroll-padding-top so keyboard-focused elements are never hidden behind fixed chrome.

WCAG 2.2 2.4.11
2.4.13 Focus AppearanceAAASupportsAutomated CI Gate

Focus rings enclose the component perimeter with >= 2px thickness and >= 3.0:1 contrast change between focused and unfocused states across all themes.

WCAG 2.2 2.4.13ADR-0016
2.5.7 Dragging MovementsAASupportsAutomated + Clinical Review

Swipe gestures (useTuxSwipe) and split-pane resizers (TuxSplitPane) always provide single-pointer click or keyboard equivalents.

WCAG 2.2 2.5.7
2.5.8 Target Size (Minimum & Enhanced)AAASupportsAutomated CI Gate

Interactive form controls, buttons, and vision controls enforce a 44x44 CSS pixel minimum target size (48x48px in RELLIS Field-Sunlight Mode for gloved operation), exceeding both AA (24x24px) and AAA (44x44px).

WCAG 2.2 2.5.5 (AAA)WCAG 2.2 2.5.8 (AA)ADR-0016
3.2.6 Consistent HelpASupportsAutomated CI Gate

TuxFooter, TuxShortcutsHelp (?), and TuxUtilityCluster appear in law-fixed DOM order across every application shell.

WCAG 2.2 3.2.6

continuous verification & legacy bridge

How We Verify Every Commit

The /contrast-audit page renders every contrast-risk surface — typography, color tokens, alerts, badges, buttons, cards, page headers, callouts, code blocks, forms, footers — in three columns simultaneously, one per theme. npm run audit:aaa and AUDIT_LEVEL=AAA npm run audit:contrast enforce 7.0:1 normal text, 4.5:1 large text, 3.0:1 UI boundaries, and 44×44px target sizes.

For legacy ASP.NET, PHP, Perl/CGI, and static HTML portals across TTI that cannot run Vue or React, tux-bridge.css (ADR-0016) provides a zero-JavaScript, single-stylesheet drop-in upgrade that brings native HTML tables, forms, focus rings, and buttons to 100% WCAG 2.2 Level AAA compliance in under 60 seconds.

known issues & feedback

Known Non-Conformances

None at the design-system level as of 2026-10-16. If you find an accessibility issue in a component or in a page that consumes this system, please open an issue on the tti-ux issue tracker with the heading "a11y:" so we can triage it ahead of normal feature work.

deep-dive references

Foundations Pages

Four focused references covering the foundations every TUX page inherits — and consumers can verify against in their own downstream builds.

keyboard · WCAG 2.4.1

Skip to content

The keyboard-first foundation. How the skip link is wired, where it lands, how to verify.

keyboard · WCAG 2.4.7 & 2.4.13

Focus model

Visible two-ring focus indicators, focus-trap behavior in modals + slideovers, tab order rules.

color · WCAG 1.4.3 + 1.4.6 + 1.4.11

Contrast matrix

Which token pairs pass AA / AAA across all themes — USWDS-style summary of the top token pairings.

responsive · WCAG 1.4.10

Breakpoints

The documented responsive scale + the container-query preference + 200% zoom reflow guarantees.