> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thehuxdesign.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Accessibility

> Making your Hux UI applications accessible to all users

## Overview

Hux UI is built with accessibility in mind, featuring WCAG AA compliance and best practices for inclusive design.

## Built-in Accessibility Features

* **WCAG AA Contrast** - Automatic contrast calculation ensures 4.5:1 contrast ratios
* **HuxWCAG Utilities** - Public API for WCAG 2.1 compliant contrast calculations in custom components
* **Semantic Roles** - Proper ARIA roles and labels for screen readers
* **Keyboard Navigation** - Full keyboard support for all interactive components
* **Focus Management** - Visible focus indicators and logical tab order

## WCAG Utilities

Hux UI provides the `HuxWCAG` utility class for WCAG 2.1 compliant contrast calculations. All Hux components use these utilities internally, but they're also available for your custom components.

<Card title="WCAG Utilities" icon="universal-access" href="/advanced/wcag">
  Learn how to use HuxWCAG utilities for accessible custom components
</Card>

## Best Practices

* Always provide meaningful labels for form inputs
* Use semantic colors (success, destructive) appropriately
* Test with screen readers and keyboard navigation
* Ensure sufficient color contrast ratios using `HuxWCAG` utilities for custom components
* Use `HuxWCAG.meetsContrastAA()` to validate color combinations before applying them