Web Accessibility for Designers & UX staff

Instructor-led training

This instructor-led training course specifically caters for UX and BA experts, as well as Graphic Designers and QA analysts.

This course looks at accessibility from a non-technical design perspective. We have cherry picked the relevant WCAG guidelines and techniques and grouped them under related themes e.g. design, forms, images etc.

Learn how to design an accessible website and web application user interface for desktop and mobile devices.

Who Should Attend

• UX experts & Frontender
• Graphic Designers
• Project Managers, Business Analysts, Testers

Training prerequisites

• No prior knowledge of accessibility

Bring Your Own Device (BYOD)

• We recommend that you bring along your own laptop or tablet.

Duration

• 6 hours

Price

• Contact us for a training quote

On-site Training

• For on-site in house rates please contact us directly.
• We can also tailor the course to match your needs. Just get in touch

Our Trainers

• All trainers have a Certificate IV in Training and Assessment qualification.
• Each trainer is an expert in accessibility and the WCAG guidelines.

Introduction

• Legislation & Australian Government policy
• WCAG guidelines
• How people with disability access the web
• Common issues users encounter and why

Design

• Visual design
• Fonts, format, style
• Page layout
• Use of colour
• Colour contrast ratios

Graphical Content

• Different types of images
• Creating alt text
• Complex images (charts & graphs)

Interactive Elements

• Keyboard accessibility
• Keyboard focus
• Tabbed content
• Accordions (open & close)
• Pop-up dialog boxes
• Tool tips
• Site or page notifications

Forms

• Optimal layout
• Form Elements (buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field)
• Validation & error messages
• Time outs
• Confirmation screens
• CAPTCHAS

Navigation

• Creating accessible links
• Skip to content
• Breadcrumb trails
• Progress bars
• Search features & sitemaps

Content

• Structure (headings, lists)
• Tables
• Page titles
• Document formats (e.g. PDF, Word)

Multimedia

• Video captioning
• Media alternative for Video
• Audio descriptions

Mobile

• Designing for mobile sites

Testing

• Test methods
• Manual testing techniques
• Online tools
• User testing

Presentation Handouts

Each attendee will be provided with a paper and digital copy of the presentation and notes.