Keep phone pages usable when the screen is wide but short
A phone in landscape has limited vertical space. Large sticky headers and action bars can consume most of it, leaving only a narrow slit for reading or form…
The Kay & Co. resource library
Accessibility & mobile use · page 2
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 25–48 of 81 resources, ordered by title.
Keep spoken updates helpful and brief
A live search or saved-state message may cause large sections to be read repeatedly. Visitors cannot finish listening to one update before the next…
Keep table values connected to their meanings
A visually clear table can sound like a sequence of disconnected numbers through a screen reader (software that reads the page aloud). Visitors cannot tell…
Keep text and controls usable when readers increase spacing
Custom spacing preferences can make lines or words taller than a tightly designed container allows. Visitors may encounter overlapping labels or missing…
Keep the answer visible above the phone keyboard
Opening a phone keyboard can cover the field being edited or the instruction explaining it. Visitors type without seeing the result and may not know how to…
Keep the page's reading order clear in every layout
A page arranged with visual columns can have an underlying reading order that places answers before questions or warnings after the related action. Screen…
Keep website shortcuts from interrupting typing
Single-key shortcuts can activate page features while visitors are entering text or using speech input. A convenience feature then changes the page…
Keep wide tables from stretching the whole phone page
A detailed table may legitimately need more width than a phone offers. If the whole page becomes wide, visitors must also scroll ordinary headings and…
Keep words readable over every version of a photograph
Text placed over a photograph may be readable in one desktop crop and disappear against a bright area on a phone. The image changes the effective background…
Let keyboard users go straight to the page's information
A skip link can appear to work because the page scrolls, yet keyboard focus remains in the header. The next Tab press then resumes the same long navigation.
Let useful button wording fit on smaller screens
A button with a fixed height may clip its wording when labels wrap. Visitors see only part of an action and cannot confidently distinguish it from adjacent…
Let visitors choose when website sound begins
Audio that starts on page arrival can compete with a screen reader (software that reads the page aloud) or interrupt a quiet setting. Visitors may not…
Let visitors copy useful contact and arrival information
A page can disable text selection or place invisible interaction layers over addresses and contact details. Visitors cannot copy practical information into…
Let visitors leave interactive maps without getting stuck
An embedded map can consume Tab or arrow keys so that visitors struggle to reach content after it. A useful visual aid becomes an obstacle to the rest of…
Let visitors move away from an accidental tap
An action that fires as soon as a finger touches the screen gives visitors no chance to slide away after an accidental touch. Consequential controls become…
Let visitors use familiar gestures to enlarge the page
A mobile website can prevent pinch zoom in an attempt to preserve its layout. Visitors who need a closer view of text or controls lose a familiar device…
Make abbreviated controls understandable when read aloud
A compact interface may use abbreviations that a screen reader (software that reads the page aloud) pronounces unpredictably. The control can become hard to…
Make charts understandable without a colour key alone
A chart may use several similar colours to distinguish services or locations. Visitors who cannot separate those colours lose the comparison even when the…
Make downloadable documents readable as real text
A document can appear crisp on screen while consisting only of page images. Visitors cannot select its wording, search within it or obtain a meaningful…
Make embedded document viewers easy to enter and leave
A document viewer can occupy a large part of the page while trapping keyboard focus among its toolbar controls. Visitors cannot easily reach the download…
Make empty form boxes easy to recognise
Very pale input borders on a white background can make empty fields disappear. Labels remain visible, but visitors cannot confidently identify where to…
Make every form state readable when a dark theme is offered
A dark theme can invert the page background while leaving field hints, autofilled values or errors in colours intended for a light surface. Parts of the…
Make every useful video control work without a mouse
A video may start with a keyboard but leave pause, seek or captions usable only through a pointer. Visitors cannot control the same playback experience as…
Make expandable help easy to open, read and close
An expandable details panel may steal focus into its body or leave keyboard users unaware of its new content. Inconsistent expansion makes even simple help…