WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

The What, Why, Who and How of accessibility on the web

Konstantin Tieber

Web accessibility is a legal and functional baseline, not an afterthought. Learn how to shift left and seamlessly integrate WCAG principles into your daily development workflow.

Pause
Mute Enter Fullscreen
#1 about 4 min

Introduction to building accessible web frontends

How expanding knowledge around accessibility improves overall web interface quality.

#2 about 4 min

Defining individual disabilities and web accessibility

Recognizing structural mismatches helps developers design for visual, hearing, motor, and cognitive limitations.

#3 about 3 min

Business and adoption benefits of inclusive product design

Prioritizing inclusive design broadens audience reach and qualifies platforms for public agency contracts.

#4 about 3 min

Understanding legal requirements and impending accessibility regulations

Adapting to upcoming guidelines prevents legal risks and ensures long-term operational compliance.

#5 about 3 min

Applying W3C guidelines to structure perceivable application content

Following WCAG conformance levels ensures content remains operable, understandable, and robust.

#6 about 4 min

Enhancing screen reader support with ARIA design patterns

Implementing ARIA attributes and keyboard event listeners resolves interaction gaps for custom UI components.

#7 about 2 min

Distributing accessibility responsibilities across the product teams

Shifting accessibility left integrates inclusive thinking early into the design and engineering process.

#8 about 2 min

Leveraging semantic HTML instead of custom JavaScript elements

Adopting standardized HTML tags automatically provides basic accessibility and keyboard navigation without manual logic.

#9 about 7 min

Core implementation checklist for accessible web interface design

Applying standardized form labels, descriptive attributes, heading hierarchies, and focus states prevents common usability failures.

#10 about 2 min

Utilizing testing tools to audit web platform compliance

Integrating automated testing extensions and OS-level screen readers validates technical accessibility before deployment.

Matching moments

2:41 min

Introduction to web accessibility and assistive technologies

Anuradha Kumari · World Congress 2022

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · World Congress 2023

6:00 min

W3C accessibility guidelines and essential practices

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann Chris Heilmann +2 · LIVE

1:43 min

Defining digital accessibility, WCAG, and ARIA standards

Radostina (Ina) Tsvetkova Radostina (Ina) Tsvetkova · World Congress 2026 Europe

2:00 min

Prioritizing web accessibility standards for inclusive digital experiences

Chris Heilmann Chris Heilmann +2 · LIVE

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Teaching AI Coding Agents to Build It Right the First Time

  • Sajeetharan Sinnathurai

    Microsoft

    Principal Product Manager

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Beware of Strangers Bearing Code: Open Source Trust in the Agent Era

  • Vikram Vaswani

    Consultant

Related videos

WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more! thumbnail
1:10:08
LIVE • over 1 year ago

WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more!

Chris Heilmann, Daniel Cranney, Emma Dawson

Oh S***! There's a New Accessibility Law and I'm Not Ready! thumbnail
24:30
World Congress 2025 • about 1 year ago

Oh S***! There's a New Accessibility Law and I'm Not Ready!

Emma Dawson

Decoding web accessibility through audit thumbnail
29:03
World Congress 2022 • over 4 years ago

Decoding web accessibility through audit

Anuradha Kumari

Making Interactions Accessible to All Users thumbnail
31:38
World Congress 2023 • about 3 years ago

Making Interactions Accessible to All Users

Anuradha Kumari

Preventing Accessibility Issues Instead Of Fixing Them thumbnail
56:01
LIVE • almost 3 years ago

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

Mastering Keyboard Accessibility thumbnail
27:16
World Congress 2023 • almost 3 years ago

Mastering Keyboard Accessibility

Tanja Ulianova

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.