Avoid text in images
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 imagesAccessibility 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.
WCAG guidelines
Understanding Success Criterion 2.1.2: No Keyboard Trap
https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html
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.
More posts
Allow disabling of motion or animation
Users that are prone to seizures or motion sickness may need to disable animation or motion. Add an option for users to disable this. This…
Read more, Allow disabling of motion or animation