fd17c26490
* explicitly add the `aria-hidden="true"` attribute The `Hidden` component only adds the `aria-hidden` by default if the `Focusable` feature is passed. In our case we don't want it to be focusable so therefore we didn't pass this feature flag. Because we didn't pass the `Focusable` feature, the `display: hidden` was used which makes it completely unfocusable to the keyboard of the user which is what we want. However, the VoiceOver cursor _can_ get into those elements. Adding the `aria-hidden` manually to these tabs solves the issue. * update changelog
@headlessui/react
A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.
Installation
npm install @headlessui/react
Documentation
For full documentation, visit headlessui.dev.
Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
For casual chit-chat with others using the library: