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

 

Notification

Message: This is a notification!

Info: This is a notification of type info.

Success: This is a notification of type success.

Warning: This is a notification of type warning and goes on multiple lines to see how that looks.

Error: This is a notification of type error.

Pagination

SkipLinks

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