Accessibility
Focus indicators, icon labels, status communication, and link distinction patterns that make interfaces usable for everyone. You'll hit this when keyboard users cannot navigate your UI or color-blind users miss critical information.
Toolbar
Save
Edit
Share
Delete
Tab key pressed twice. Where is the focus?
Toolbar
Save
Edit
Share
Delete
Tab key pressed twice. Focus is on “Edit”.
Removing focus outlines with 'outline: none' may look cleaner, but it makes the interface unusable for keyboard-only users. This includes people using assistive technology, power users who prefer keyboard shortcuts, and anyone with a broken mouse or trackpad.
Visible focus indicators are essential for keyboard navigation. They show which element is currently selected, just like a cursor shows where you are typing. Without them, keyboard users are navigating blind, tabbing through elements with no idea where they are on the page.
Actions
Actions
Edit
Delete
Share
Search
Icon-only toolbars save space, but force users to guess what each icon means. Studies show that icon recognition varies widely across cultures and experience levels. Users waste time hovering or trial-clicking to discover what each button does.
Adding text labels next to icons removes ambiguity. Even common icons like the share symbol are interpreted differently across platforms. Text labels make actions immediately clear to all users, including those who are new to the interface or use screen readers.
System Status
API Server
Database
CDN
Queue
System Status
✓
API Server
Operational
!
Database
Degraded
✓
CDN
Operational
✗
Queue
Down
Relying on color alone to convey meaning violates WCAG 1.4.1 (Use of Color). A red dot and a green dot may look identical to someone with red-green color blindness. Without a secondary indicator like an icon or label, these users cannot determine system status at all.
Combining color with icons and text labels ensures that status information reaches all users. About 8% of men have some form of color vision deficiency. Using multiple visual channels (color, shape, and text) makes the status immediately clear regardless of how someone perceives color.
Custom Domains
Our platform supports custom domains for all plans. See the setup guide for instructions, or visit the DNS reference for advanced configuration.
Custom Domains
Our platform supports custom domains for all plans. See the setup guide for instructions, or visit the DNS reference for advanced configuration.
Links that differ from body text only by color are easy to miss. Users with low vision or color blindness may not notice the color difference at all. Removing underlines from inline links trades a well-understood convention for a subtle visual distinction that many users will overlook.
Underlined links are universally recognized as clickable. The underline provides a non-color visual cue that distinguishes links from surrounding text, which is critical for users with color vision deficiency and for anyone scanning a page quickly.