WCAG Compliance
Noor UI is built to meet WCAG 2.1 Level AA standards for web accessibility, ensuring your applications are usable by everyone.
Compliance Level
WCAG 2.1 Level AA
All components meet or exceed WCAG 2.1 Level AA requirements, with many reaching AAA for specific criteria.
What this means:
- ✓ Perceivable: Content is presented in ways users can perceive
- ✓ Operable: Interface components are operable by all users
- ✓ Understandable: Information and interface operation are understandable
- ✓ Robust: Content is robust enough for assistive technologies
1. Color Contrast
All color combinations meet WCAG AA contrast requirements (4.5:1 for normal text, 3:1 for large text):
Contrast Ratios
2. Semantic HTML
Use proper HTML5 semantic elements for better accessibility:
3. ARIA Labels & Roles
Provide accessible names and descriptions for all interactive elements:
4. Keyboard Navigation
All components are fully keyboard accessible:
Keyboard Support
- • Tab - Navigate between focusable elements
- • Shift + Tab - Navigate backwards
- • Enter / Space - Activate buttons and controls
- • Escape - Close dialogs and menus
- • Arrow keys - Navigate within components
WCAG Success Criteria
Level A (All criteria met)
Basic accessibility features that make content accessible to the widest audience.
Level AA (All criteria met) ✓
Removes major barriers to accessing content. This is the recommended conformance level.
Level AAA (Partial)
Enhanced accessibility. Many criteria met, particularly for color contrast and text alternatives.