Accessibility and Universal Design: UI Annotation Excercise
Client/Company/Project type: Solo Class Project
Project date: August, 2022
Tools: WAVE Web Accessibility Evaluation Tool, Adobe XD
Project Summary
This exercise called for a thorough evaluation of an imagined website UI (provided by the class instructor) by applying principles of accessibility and universal design. Click on the images to zoom or download the full PDF version on Scribd.
Challenge
In this imagined scenario, a proposed wireframe for a house rental website has several accessibility issues that need to be addressed.
Solution
Provide a detailed analysis of each accessibility issues and include solutions.
Actions
Each accessibility issue on the wireframe is annotated using the WCAG 2.1 guidelines. The annotations note issues with both the desktop and mobile site and cite specific WCAG guidelines, and possible solutions. The process included moving through the list of WCAG 2.1 Guidlines and comparing the wireframes to each one to check for errors. Most of the guidelines also provide solutions which were then tailored to the specific scenario.
Results
Using these annotations, new wireframes can be drafted addressing these accessibility issues and creating a universal design.
———
To see more of my work on accessibility and other UX areas check out my documents on Scribd.com.