Accessibility
Building accessible components and apps at Algolia
Kevin Østerkilde— — 2 min. read
Foreword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
What is accessibility
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
Why are we doing this?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
Our approach
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
Semantic HTML
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
ARIA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.
Tooling
Dashboard
- Axe-core
- E2E Lighthouse scores
Design system
- Test runner
Final words
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie venenatis metus. Maecenas ac nisi molestie, blandit diam id, fringilla urna. Aenean placerat nulla nec ullamcorper semper. Ut vehicula hendrerit orci eget euismod. Donec sit amet velit non mi hendrerit tincidunt. Nam ultricies at lectus non porta.