Interactive Case Studies

[Author: Bill Fischer]

Overview

These two case studies include one of the most visited and one of the most loved graphic user interfaces. One is contemporary. The other, from 1985. The adjusted designs meet WCAG requirements and provide a better-quality experience for persons with:

  • Color blindness

  • Blocked visual fields (caused by conditions such as macular degeneration, glaucoma, and diabetic retinopathy)

  • a wide range cognitive abilities (neurodiversity) and situational conditions like bright lights photophobia caused by migraine.



The US.gov website

Original web page

Web page viewed with red-green color-blind simulator

Revised web page mock-up



Super Mario Bros.

Original start screen with low-contrast user interface

Original Design

Original start screen with colorblind simulation. The Mario character is hard to see against the background

Original viewed with red-green color-blind simulator

Adjusted start screen with high-contrast user interface

Adjusted design

Adjusted start screen with colorblind simulation. The Mario character is easy to see against the background

Adjusted design viewed with red-green color-blind simulator