Housing Website – Accessibility & Design Feedback

Accessibility design notes with arrows pointing to reference for site title

The Problem

Another campus unit installed a website with the Illinois Drupal template. They added custom code to make new content types and edited a few styles from the shared web components. They accidentally introduced a few accessibility and best-practice flaws.

Screenshot of Student Affairs link in hover state

The Solution

Provide clear and helpful feedback regarding accessibility violations and suggestions to implement.

My Roles

  • Use WCAG references to show violations of WCAG 2.1.
  • Provide a detailed spec through screenshots and documentation.
  • Provide documentation that is designed to encourage future accessibility integration.

Tools

  • Browser inspect
  • Screen captures
  • Figma
Accessibility design notes with arrows pointing to reference

Prototype

Leave a Reply