Respect visitors who ask for less movement
Large slide, zoom or parallax effects can make navigation uncomfortable for some visitors. If the page ignores a reduced-motion preference, ordinary reading…
The Kay & Co. resource library
Accessibility & mobile use · page 4
Make your website easier to read and use, including on phones and with tools that help people with disabilities.
Find an answer
Search a question, a task or a few words.
Search results
Matching resources
The complete list
All accessibility & mobile use resources
Showing 73–81 of 81 resources, ordered by title.
Return from fullscreen video to a useful place on the page
Leaving fullscreen can leave focus on a hidden control or move the page to an unrelated position. Visitors lose the context surrounding the video they were…
Show how a table is currently sorted
A clickable column heading may reorder rows without indicating the active sort or direction. Visitors cannot tell whether the list is alphabetical, reversed…
Show the difference between exploring an option and choosing it
A list or tab control can use the same highlight for keyboard focus and the currently selected value. Visitors may mistake moving through options for…
Show the full wording people need before they choose
A long option or label can be shortened to an ellipsis without any usable way to see its full wording. Similar entries then become impossible to distinguish.
Show useful actions without requiring a mouse hover
A card may show its action button only when a mouse hovers over it. On a phone, the first tap can navigate unexpectedly or fail to reveal the hidden choice.
Show when only some choices in a group are selected
A group checkbox can appear unchecked when some children are selected, making the current state difficult to understand. Activating it may then select or…
Show which button a keyboard user is about to activate
Some buttons reveal a hover effect but show no change when reached with a keyboard. Visitors cannot tell which action will respond to Enter or Space.
Stop one wide item making the whole page scroll sideways
One wide component can force the entire page to scroll horizontally on a small screen. Visitors then move sideways while reading ordinary paragraphs that…