Website design
Make forms, navigation, errors, and small screens easier to use.
Make form labels and instructions easier to use
Use persistent labels, connect help text, and avoid relying on placeholder text to explain the field.
Read the guide ↗
Write button and link labels that explain the next step
Use worked button-label examples and a review prompt to explain actions, distinguish navigation, and make outcomes clear before a click.
Read the guide ↗
Check color contrast in the actual interface states
Review text, controls, placeholders, focus, and disabled states instead of testing only the brand palette.
Read the guide ↗
Manage focus in a modal dialog
Use the modal pattern, provide an accessible name, choose initial focus, and return focus when the dialog closes.
Read the guide ↗
Design an empty state that explains what happens next
Distinguish first use, no search results, filtered results, and missing access instead of showing one generic blank screen.
Read the guide ↗
Write form errors that help people recover
Name the problem, keep entered data, and connect the error to the field instead of using vague blame.
Read the guide ↗
Audit a page using only the keyboard
Check order, focus visibility, activation, dialogs, and recovery with a repeatable task sequence.
Read the guide ↗
Review a form on a small screen before polishing it
Test labels, keyboards, sticky controls, errors, and the path to submission on a real narrow viewport.
Read the guide ↗
Make comparison tables usable on small screens
Preserve column relationships, provide an accessible scroll region, and keep labels attached to values.
Read the guide ↗
Run a small usability test without inventing statistics
Use realistic tasks, observe behavior, and keep a small qualitative sample separate from population claims.
Read the guide ↗
Run a practical UI/UX audit around real tasks
Review one user journey, record observable friction, and prioritize fixes by consequence rather than visual taste.
Read the guide ↗
A website accessibility checklist for a first review
Check a page with keyboard, zoom, form labels, contrast, and status messages using an original first-review worksheet.
Read the guide ↗