Designing Glean for accessibility – focus & shortcuts

This post details Glean's implementation of accessibility features, focusing on keyboard navigation and shortcut integration. It explains the use of `:focus-visible` for clear focus indicators, the importance of intuitive focus order, and the strategic use of `tabIndex`. It also covers shortcut implementation patterns like the Tab key for general navigation, arrow keys for directional movement within lists and tables, and F6 for region cycling. The post emphasizes documenting shortcuts for user discoverability and reiterates the commitment to WCAG 2.1 AA standards.