Keen to craft accessible websites and web applications? Expand your knowledge of ARIA, the accessibility tree, building accessible forms and web components, and heaps more.
What you’ll learn
- The importance of the accessibility tree and accessible names
- The correct use of semantic markup for headings, landmarks, tables, buttons and images
- How to use ARIA – the right way
- How to create accessible forms, including required fields and errors
- How to provide dynamic content to assistive technologies
- How to build accessible notifications and custom components
Who should attend
- Front-end developers
- Full-stack developers
Knowledge level
- Basic knowledge of HTML is required.
- No prior accessibility knowledge is required.
Technology requirements
We use CodePen for some activities. You don’t need an account, but it will allow you to fork and save examples.
Delivery options
Self-paced online training
Duration
Approximately 10 hours of self-paced training
Cost
$270 AUD + GST per licence, per year
Instructor-led training for organisations
Duration
5 x 2-hour sessions, run over 5 weeks
Cost
$10,000 AUD + GST for up to 20 attendees
Instructor-led public training
Related courses
Course outline
Session 1: The Accessibility Tree and ARIA
- The accessibility tree
- An introduction to ARIA
- Accessible names
- Accessible descriptions
- More on accessible names and descriptions
Session 2: Semantic markup
- Valid and semantic markup
- Headings
- Landmarks
- Images
- Tables
- Links and buttons
Session 3: Accessible forms
- An introduction to accessible forms
- The
<label>
element - The
<fieldset>
and<legend>
elements - Form field instructions
- Required fields
- Some important form attributes
Session 4: Accessible form notifications
- Live regions
- Client side form validation
- Notifications
Session 5: Building accessible components
- Introduction to components
- Accessible modals
- Accessible in-page tabs
- Accessible editable comboboxes
- Accessible chat windows