Accessibility

A11y & React Components

Taking knowledge and experience from previous projects, we were able to create accessible React components to power the UI. Many of those components can be found in the Design Toolkit.

ReCAP 1.2 Filter update

To further enhance searching the catalog, we implemented filters in a dropdown that allows users to apply to their search keyword, if any. To make sure that this new feature is accessible, we announced to screenreaders the updates that were happening on the page after searching when the page updates. Since the application is a single-page application, the page does not reload on a new search which means we had to trigger screenreader updates using aria attributes.

We did, however, run into issues on different browsers and screenreaders after searching or applying filters.