Blog

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.