Make your web apps and sites easier to build by learning the art of accessibility.
Overview
Syllabus
Introduction
- Simplifying web development with accessibility
- Overcomplicating things that already work
- The purpose of the web
- Why accessibility breaks
- Designing an accessible color palette
- Designing accessible typography
- Designing accessible content hierarchies and flows
- Is hiding or showing content a good idea?
- How to hide visual content
- How to hide content from screen readers
- The role of semantic elements
- Elements with purpose
- Link and button basics
- Links
- Buttons
- Screen reader–friendly links and buttons
- Icon links and buttons with SVG
- Images, graphics, and media basics
- The img element
- The figure and figcaption elements
- Accessible SVG
- Making embedded videos more accessible
- Adding transcripts
- Mobile-friendly navigation menu
- Multilevel navigation menu
- Basic card
- Card with internal links
- Date picker
- Simplifying web development with accessibility best practices
- Where to find more information
- Tools for manually testing sites
- Lighthouse score and similar
- Accessibility mindset
Taught by
Morten Rand-Hendriksen