Meet Liang

WCAG Guidelines: Perceivable

Liang requires consideration for contrast. He may not identify as having a disability but can benefit from inclusive design. He represents users who find it difficult to perceive the page's content. Difficulty perceiving the content is not limited to text but buttons, icons, and graphic information.

Demographics: 45 years old, associate professor of economics, high contrast mode user

Tech Savvy: ​High

"Why does everyone use so much medium gray text on a gray background? I have a hard time reading the text, even if I enlarge it with zoom and try a more readable font and color."

How to Test

Use a color contrast checking tool such as the TPGi Colour Contrast Analyser or another tool to ensure all color contrast meets the minimal level. For Stanford colors, see the Stanford Color tool for testing accessible color combinations.

Other references:

• W3C Easy Check: Contrast Ratio
• WebAIM: Contrast and Color Accessibility

Could Be

• Color blind or dyslexic
• In a poor lighting environment
• Depending on a large display monitor

Could Use

• Browser color and brightness settings
• Screen or glare filters
• Screen reader
• Browser zoom
• High contrast or dark mode

Appreciates

• Highly contrasting colors (contrast higher than 4.5:1)
• Placement, patterns or alternate ways to distinguish between elements
• Customizable fonts or palettes

Avoid

• Using color alone to convey meaning
• Low contrast color combinations
• Content conveyed through images alone
• Lazy-load style text that fades in and out of the page with vertical scrolling