I found two semantic/focus issues:
- The chat model selection menu traps user focus, and expands automatically.
- While searching on the main
kagi.com page, pressing tab within the search menu pauses the ability to move the caret or type, and pressing a second time resumes this ability.
#1 fails WCAG 3.2.5 Change on Request[3] #2 fails WCAG 2.1.2 No Keyboard Trap[1][2]
- https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap
- https://www.w3.org/WAI/WCAG21/Techniques/general/G21
- https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html
To solve the issue:
- It should be a dropdown menu (
<select> with <option>s inside). This is just a semantic error, not a styling one; the styling is fine, but the user should have to manually open the dropdown by clicking on the pre-selected default (if there is one). At minimum, this should at least be the case for user focus, even if it is not the case for mouse hover.
- Tab does not appear to be a key binding so this should not happen.
This is important in general, but specifically screen reader users have issues with this, since they rely almost entirely on keyboard navigation.
