Skip to main content

Accessible Components

This theme has a lot of extra a11y components provided by the Accessible Astro Component NPM package to help you build accessible pages faster:

Accordion

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quasi nobis optio? Qui in quo accusantium debitis sapiente obcaecati magnam incidunt sit. Molestiae exercitationem quibusdam quod veritatis laboriosam est tenetur.

    Tab to me!

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quasi nobis optio? Qui in quo accusantium debitis sapiente obcaecati magnam incidunt sit. Molestiae exercitationem quibusdam quod veritatis laboriosam est tenetur.

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quasi nobis optio? Qui in quo accusantium debitis sapiente obcaecati magnam incidunt sit. Molestiae exercitationem quibusdam quod veritatis laboriosam est tenetur.

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quasi nobis optio? Qui in quo accusantium debitis sapiente obcaecati magnam incidunt sit. Molestiae exercitationem quibusdam quod veritatis laboriosam est tenetur.

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quasi nobis optio? Qui in quo accusantium debitis sapiente obcaecati magnam incidunt sit. Molestiae exercitationem quibusdam quod veritatis laboriosam est tenetur.

Breadcrumbs

Cards

Default title

Default description.

Your name

DarkMode Toggle

This component can be viewed in the top right corner besides the main navigation.

Media

Modals

 

Modal 1

Why hello, I be the first Modal.

Modal 2

Ah yes, and I be the second Modal. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, a! Ratione eaque temporibus alias tempora pariatur dolorem.

Pagination

SkipLinks

This component can be viewed by shift+tabbing until they show up.