React componentsWIP

Components are the building blocks of everything we create on the web. In my experience, it has always felt like adding animation and ensuring accessibility were two opposing forces. I made this series to see how many components I could make that are both sexy ✨ and equitable ♿.

If you would like to receive updates over the next few months feel free to subscribe:

Toggle group component

Disclosure component

Note: It was only in the process of creating the Disclosure article above that I discovered the ARIA patterns documentation. So the older posts below — while having some keyboard navigation — aren't accessible. Planning to update these two posts soon.

Slider component

I have yet to revise this post with ARIA considerations. Please read this post with Slider ARIA documentation in mind in mind.

Tabs component

I have yet to revise this post with ARIA considerations. Please read this post with Tabs ARIA documentation in mind in mind.

Contact me at

my reddit accountmy codepen accountmy twitter accountmy github account