This session will teach the basics of digital accessibility to frontend developers and designers using real practice. The workshop will be divided in three parts:
• a brief talk explaining the basics of inclusive design, and development tips for all types of impairments;
• a hands-on section teaching participants how to use assistive features (magnifiers, switches/keyboards, screen readers) they already have on their devices, as well as simulations we will provide — getting them to try inaccessible and accessible sites, and drawing lessons from what makes a bad experience;
• live exercises (CodePen-style) to fix code samples which are inaccessible to some people, teaching concepts like semantics, relationships, tab order, text alternatives, contrast, and ARIA.
This is a Shed session.