Accessibility
We are committed to making ELL accessible to everyone. This page outlines our accessibility efforts and features.
Accessibility Guidelines
WCAG Compliance
ELL follows the Web Content Accessibility Guidelines (WCAG) 2.1 AA/AAA standards for keyboard navigation, screen reader support, and color contrast.
Keyboard Navigation
All interactive elements, including menus, dialogs, and buttons, are fully navigable via keyboard for users with limited or no mouse access.
Screen Reader Support
ELL uses ARIA attributes and semantic HTML5 tags to ensure compatibility with JAWS, NVDA, and other assistive technologies.
Color Contrast
All UI colors meet a 4.5:1 contrast ratio against their background, ensuring readability for users with low vision or colorblindness.
Accessibility Features in ELL
Semantic Structure
LLL follows W3C semantic HTML guidelines, using <nav>, <article>, <header>, and accessibility landmarks to guide users.
Example:
ell define Nav {
<nav aria-label="Main Menu">
</nav>
Dynamic Content
ELL's framework supports Wai-ara live regions, ensuring dynamic updates like toast messages or loading states are announced by screen readers.
Example:
ell define Toast {
<div role="alert" aria-live="assertive">
</div>
Contrast Tools
The Lll CLI includes an accessibility mode to highlight contrast issues in real-time during development.
Improve Accessibility
How You Can Help
Your feedback is essential in making ELL more accessible. Report any accessibility issues or suggest improvements through our GitHub or community forum.