Inclusive Design Reviews Deliverables Deliverables 1 Annotated designs

Inclusive Design Reviews

Deliverables

Deliverables 1. Annotated designs 2. Inclusive Design Review report - Comments added directly to your designs - In depth rationale, issues and fixes based on annotated designs - We work with your documentation e. g. In. Vision, PDF, PPT, Sketch etc. - Outline of next steps - Delivered in PPT, Word or PDF

1. Annotated designs Annotations are categorized by role: Annotations are tagged by priority: § UX – components, functionality, user journeys § Required - breaks WCAG and/or prevents one or more groups accessing content § Design – styles, colors, layout, fonts § § Development – suggested coding requirements Recommended – suggests a more usable and inclusive alternative

Design annotations document WCAG fails. They highlight changes required to ensure compliance with design related guidelines e. g. : • Improve color contrast • Add visible focus states • Provide labels form inputs A sample design requirement shown in In. Vision.

User Experience annotations User experience annotations document WCAG fails or recommendations based on the Inclusive Design Principles. They highlight improvements to features and alternative ways to present features e. g. : • Add a ‘Show password’ feature to password inputs • Add voice search to mobile search features A sample UX recommendation shown in In. Vision.

Development annotations document initial coding requirements for: • Structural markup Accessibility requirements Headings and landmarks • role=“main” • H 1 – Settings • H 2 – Accounts • H 2 – Notifications Sample comments in In. Vision for developers to start building out coding and content order requirements. Form inputs • All visible labels must be coded using ‘for’ and ‘ID’ • Placeholder text indicates format Text alternatives • Headshot. jpg [First name, Second name Switch controls • … Content order 1 • Form inputs Content order should follow the direction of the arrows. 4 2 • Text alternatives 5 3 • Content order 6 • Keyboard interactions • Focus management • Roles and states Sample form showing the suggested content order. 8 9 10 11 7

2. Report In depth report covering: § § Next steps – how to integrate advice into processes and design assets § Resources - a curated list of accessible user experience resources techniques and tools Summary – headline issues and findings § Recommendations – detailed issues and fixes § Highlights – examples of best practice

Sample Report