Accessibility

Provide audio descriptions for visual media content

Users who are blind or have low vision need descriptions of visual content

Provide captions for all audio and video content

Required for deaf and hard-of-hearing users

Content should follow a logical reading order for screen readers

Ensures content makes sense when read linearly

Clearly identify and describe errors in form fields

Users need to understand what went wrong and how to fix it

Navigation patterns should be consistent throughout the app

Reduces cognitive load and helps users predict interface behavior

Respect Reduce Motion setting and provide alternatives to animation

Motion can cause vestibular issues or be distracting for some users

All interactive elements need visible focus states

Required for keyboard and switch control navigation

All functionality must be accessible via keyboard/switch control

Users with motor impairments may not be able to use touch gestures

All tappable elements must be at least 44x44 points

Ensures users can accurately tap controls regardless of motor ability

Maintain adequate spacing between touch targets to prevent accidental activation

Reduces errors from fat finger taps

Provide haptic feedback for important actions and confirmations

Multi-sensory feedback improves usability and accessibility

Normal text must have minimum 4.5:1 contrast ratio against background

WCAG compliance ensures readability for users with low vision

Large text (18pt+ or 14pt+ bold) requires minimum 3:1 contrast ratio

Larger text is more legible at lower contrast ratios

For AAA compliance, normal text needs 7:1 and large text needs 4.5:1

Enhanced readability for users with significant visual impairments

UI components and graphical objects need 3:1 contrast ratio

Ensures icons, borders, and charts are visible

Body text should be at least 11pt; avoid text smaller than 10pt

Ensures text is readable on small screens

Apps must support Dynamic Type across all text styles

Allows users to adjust text size system-wide based on their needs

Never use color as the only means of conveying information

Color blind users need additional visual cues like icons, patterns, or text labels

UI should be usable for all types of color blindness

8% of men and 0.5% of women have some form of color blindness

Respect Reduce Transparency accessibility setting

Transparent or blurred backgrounds can be distracting or hard to read for some users

Provide higher contrast when Increase Contrast setting is enabled

Users with low vision may need higher contrast to distinguish elements

All interactive elements must have meaningful accessibility labels

Screen reader users rely on labels to understand interface elements

Provide hints for non-obvious interactions

Helps screen reader users understand how to interact with elements

Apply appropriate accessibility traits (button, link, header, etc.)

Helps screen readers announce elements correctly