Key Information
Target Audience: Web Developers, Tech Leads | Duration: 1 Day | 9:00–17:00 | Trainer: Dr. Maria Korneeva | Format: Online seminar | Number of participants: 1-12
This course is also available in German language.
Description
This workshop is tailored for web developers looking to deepen their understanding of accessibility and integrate it seamlessly into their development workflows.
This one-day seminar provides a comprehensive overview of advanced accessibility techniques, focusing on practical application and automation. Participants will get to know relevant accessibility standards and requirements, explore the benefits of semantic HTML, learn about WAI-ARIA and accessibility tree, alongside practical coding sessions on various web elements and their accessible implementation. Additionally, the seminar addresses the automation of accessibility checks, using linters, unit and end-to-end tests, as well as the integration into CI/CD pipelines.
The workshop will be conducted via a video conferencing platform. The workshop will be conducted in English. All necessary information, including access details, will be provided via email beforehand. Upon completion of the workshop, participants will receive a certificate of participation.
Agenda
Foundations of Accessibility
- Definition and Importance
- WCAG and EN 301 549
- Tools for Accessibility Audits
Accessibility in Web Development
- Page Structure and Information
- Cookie Banners and Keyboard Accessibility
- Responsiveness and Semantic HTML
- WAI-ARIA
- Accessibility Tree
- Screenreaders
Web Elements (Selection based on Group Interest and Time)
- Menus and Navigation
- Links and Buttons
- Media and Non-Text Alternatives
- Tables
- Forms
- Input Modalities
- Web Components
- Rich Applications and SPAs
- Live Regions
Automating Accessibility Checks
- Linters
- Unit Tests
- End-to-End Tests
- CI/CD Integration
- Accessibility and AI
- Limits of Automation
Learning Objectives
- Master the use of semantic HTML and understand WAI-ARIA for accessible web development
- Implement accessible web elements (forms, tables, links, buttons etc.) and handle non-text alternatives
- Automate accessibility checks for Barrierefreiheitsstärkungsgesetz (BFSG, Accessibility Strengthening Act) using modern development tools and practices
- Understand the limitations of automated accessibility solutions