At Fluid Topics, we are dedicated to creating an inclusive platform that adheres to the highest accessibility standards. As part of this commitment, we have rolled out several important improvements to ensure a smooth experience for all users, including those relying on assistive technologies.
Screen reader and navigation enhancements
-
Language selector: Improved semantics and arrow key navigation for easier screen reader announcements and language selection.
-
Filter components: Checkbox groups are now collectively recognized, with clear titles providing better context for users.
-
Metadata navigation: Enhanced keyboard access and contextual mapping of elements, such as menu headers, for a more intuitive navigation experience.
Modal and dialog interaction improvements
-
Dialog Accessibility: We've introduced
role="dialog",aria-modal, andaria-labelfor the Modal component (for example, "Send Feedback," "Print Topics"), ensuring they are accessible with assistive tools. -
Autofocus Management: When a Modal component opens, focus automatically shifts to actionable elements, like the close button, improving usability for keyboard users.
Search accessibility improvements
-
Defined Input Types: All search bars have been redefined as
<input type="search">instead of<input type="text">. This update allows screen readers to properly identify search fields, enhancing usability for visually impaired users across the Designer, Reader page, and Homepage. -
ARIA Landmarks: We've added ARIA landmarks (
role="search") with descriptive labels (for example,aria-label="search in all documents"), helping screen readers to easily identify and navigate search areas.