Accessibility

WCAG compliance standards, inclusive design guidelines, and testing procedures for accessible products.

Draft

Ontopix is committed to accessibility. All products must meet WCAG 2.1 Level AA. This domain defines standards, provides guidelines, and outlines testing procedures.

WCAG Compliance

StandardTarget
WCAG Version2.1
Conformance LevelAA

Core Principles

Perceivable

Information must be presentable in ways users can perceive

Operable

UI and navigation must be operable

Understandable

Information and operation must be understandable

Robust

Content must be robust enough for interpretation

Tailwind Implementation

Key Tailwind utilities for accessibility:

RequirementTailwind Classes
Focus indicatorsfocus:ring-2 focus:ring-offset-2 focus:ring-primary-500
Screen reader onlysr-only
Skip to contentsr-only focus:not-sr-only focus:absolute focus:z-50
Touch targetsmin-h-11 min-w-11 (44px minimum)
Reduced motionmotion-safe:transition-all motion-reduce:transition-none

Related Sections

Imagery

Photography, illustration, and iconography guidelines for consistent visual language across all Ontopix communications.

Accessibility Standards

Detailed WCAG requirements and implementation guidelines