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.1 and 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.