Filter

Filters enable users to narrow down, refine, and manage large sets of information or data

Overview

Filter Elements should be accessible via keyboard navigation and provide clear labelling for screen readers.

Maintain adequate colour contrast (4.5:1 minimum) and make sure elements have sufficient size for easy interaction (minimum 44px touch target).

tab	Moves focus to filter
shift + tab	Moves focus away from filter (backwards)
enter / space	Submits entry
arrow keys	Navigate within flyout