Accessible Coding & Development
Course Overview:
Your developers will gain an in-depth understanding of the coding practices required to make digital experiences and web applications accessible to people with disabilities, particularly for users of assistive technology.
This training is vital for your entire development team, from your front-end developers to your back-end developers and QA testers.
Learning Objectives
-
Page navigation
Learn how to appropriately structure a page for accessibility. -
Meta content
Learn the accessibility best practices for setting up your meta content. -
Multimedia
Learn how to make non-text content accessible to users with disabilities. -
ARIA design patterns
Learn how to create accessible design components. -
Creating accessible forms
Learn how to create forms that can be efficiently completed by all users. -
Accessibility for mobile
Learn accessibility considerations for both mobile web and native apps.
Audience:
This training is primarily intended for front-end developers, but also recommended for back-end developers and QA testers.
Time estimate:
This training typically takes four hours.
Topics covered:
During this training, we typically cover the following topics:
- Technologies Overview
- HTML4 and HTML5
- CSS
- Javascript
- WAI-ARIA
- Semantic HTML vs. ‘Custom’ Components
- Page Structure/Navigation
- Sequence
- Sections/landmarks
- Consistent navigation
- Skip links/Bypass blocks
- Providing multiple ways to locate content (search, sitemap)
- Reflow/Responsive design principles (also covered in Mobile section)
- Meta Content
- Page title
- Language
- Meta refresh
- Meta viewport
- Doctype definition
- Frames
- Non-text content (also covered in Content Creation)
- Visual (alternative text and supportive ARIA properties)
- Media (captioning and audio description)
- Animations and moving content
- Keyboard Interactions
- Keyboard access and Javascript event handlers
- Focus (visible indicator, focus order, on focus events)
- Keyboard traps
- Character key shortcuts
- Specific components and ARIA design patterns
- ARIA – Name, Role, Value
- Search fields
- Menus
- Modals (a.k.a. Dialogs)
- Tooltips
- Accordions
- Tabs
- Forms
- Labels
- Tooltips
- Errors (including color alone)
- Alerts
- CAPTCHA
- Time-outs
- Hidden Content (also covered in Content Creation)
- Hiding content from users of Assistive Technology
- Revealing additional content on interactive elements
- Mobile
- Mobile web vs. Native Applications (iOS and Android)
- Reflow/Responsive design principles
- Focus & operability
- Gestures
- Orientation
- Pointer gestures (submission and cancellation)
- Motion actuation
- Input purpose
Client Testimonial
Chuck
Chuck is colorblind.
“I’m trying to pick out a color for a clothing item I want to buy, but the color swatches don’t have visible labels, so I can’t tell them apart.”
Frequently Asked Questions
We’re here to help you achieve better digital accessibility. If you can’t find an answer you need, please contact us.
Our team makes training recommendations based on your unique needs and project timeline. We incorporate training strategically, weaving sessions into your project, so that your teams have the skills they need when they need them, making an immediate impact. Building skills in-house throughout our engagement sets you up for continued success.
As many as you’d like! We don’t limit participants, because as educators, our goal is to build your organization’s skills. We open up our training to your entire team, so you have the help you need to sustain accessibility across your organization.
Of course you can! As you train with us, you can develop your own internal training library, which can serve as a resource for your current and future employees.
Yes, we can work with your vendor! We recommend training be provided in the most accessible format possible and will work directly with your caption provider to implement. If you don’t have a caption provider, we can make recommendations.
Talk to an expert about your accessibility needs.
We’re excited to partner with you to help your organization reach, engage and serve more people, more fully.
Schedule a Free Consultation
