Accessibility in Design

Roughly one in six people lives with a disability that can affect how they perceive or use a design, and the visual choices a designer makes - colour, type size, spacing, the use of colour to carry meaning, the visibility of focus and state - decide whether those people can use the product or are quietly locked out. This course teaches the parts of the Web Content Accessibility Guidelines (WCAG 2.1 and the 2.2 update) that a visual or UI designer is directly responsible for, expressed as concrete numbers you can check: a 4.5:1 contrast ratio for body text, 3:1 for large text and UI components, a minimum 24-by-24 CSS pixel target, never using colour alone to signal meaning, and visible focus and error states. You will run real audits using the WebAIM Contrast Checker, the Stark and Able Figma plugins, the WAVE tool, and a colour-blindness simulator, and you will finish with an annotated accessibility specification a developer can build from and an audit you can repeat on any future file.