Avoid putting text in images. If there is text in images, ensure you have a text based alternative. Screen readers will not be able to read…Read more, Avoid text in images
Accessibility Tip: Avoid keyboard traps
Last updated on January 01, 2022• A11y issues
Users should be able to ‘tab’ through elements in your site without getting ‘trapped’ on an element.
A common issue that you see this on is dropdowns, where it can be hard to escape from selecting an option.
Success Criterion 2.1.2 No Keyboard Trap (Level A): If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away.
Since any content that does not meet this success criterion can interfere with a user’s ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference.
Found this post useful?
Please consider sharing this link with your work colleagues or on social media. There are no ads on my site, I just want to promote accessibility.
Found an issue? please point them out - let me know if there is a mistake and I'll update it
Follow me on Twitter: @A11yForDevs. I post links to interesting a11y articles and resources.