Web Accessibility for Developers, Designers & Testers

Instructor-led training

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

This course covers the full WCAG 2.2 Level AA guidelines and techniques from a technical code perspective and a design perspective.

Learn how to develop, design and test an accessible website or web application for desktop and mobile devices.

Who Should Attend

• Frontend Developers
• QA Analysts  & Testers  
• UX Experts
• Graphic Designers
• Project Managers, Business Analysts

Training prerequisites

• No prior knowledge of accessibility

Bring Your Own Device (BYOD)

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

Duration

• 12 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
• Implementation of images (e.g. HTML, CSS, font glyphs)
• Creating alt text
• Complex images (charts & graphs)
• Images of text

Interactive Elements

• ARIA
• Keyboard accessibility
• Keyboard focus
• Accessible script event handlers (on Focus, on Input)
• Tabbed content
• Accordions (open & close)
• Pop-up dialog boxes
• Tool tips
• Carousels & video players
• Focus management
• Status messages & alerts

Forms

• Optimal layout
• Form Elements (buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field)
• Explicit label association
• Text equivalents (accessible name)
• Autocomplete & auto-fill
• Validation & error messages
• Time outs
• Confirmation screens
• CAPTCHAS

Navigation

• Creating accessible links & buttons
• Accessible navigation menus (mega menus, drop down, footer menus)
• Tab order (including page focus order)
• Search features & sitemaps
• Keyboard focus indicators
• Breadcrumb trails
• Pagination
• Skip links

Content

• Structure (headings, lists)
• Tables
• Page titles
• Document formats (e.g. PDF, Word)
• Language of page / parts
• Meaningful sequence

Multimedia

• Video captioning
• Media alternative for Video
• Audio descriptions

Mobile

• Devices, mobile screen readers
• Menus & navigation
• Layout & design
• Tap targets
• Pointer gestures & cancellation
• Device sensors (orientation, motion)

Movement

• Moving content (video, animations, carousels)
• Seizures (blinking content)
• Auto-play sound

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.