WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Apr 18, 2023

Blazing Accessibility Basics

Dennie Declercq

Are your Blazor WebAssembly apps truly inclusive, or just compliant? Discover how to bake WCAG principles directly into your C# data models and UI designs from day one.

Pause
Mute Enter Fullscreen
#1 about 4 min

Defining accessibility and inclusion in digital environments

Accessibility ensures equal access to digital and physical spaces regardless of specific individual needs.

#2 about 4 min

Applying Microsoft inclusive design principles and personas

Inclusive design normalizes diverse human conditions by addressing temporary, situational, and permanent disabilities.

#3 about 3 min

Web content accessibility guidelines and POUR principles

The W3C provides a globally shared standard framework for evaluating web application accessibility.

#4 about 4 min

Testing applications with Microsoft accessibility insights tool

Accessibility insights is a generic browser plugin that performs automated testing against WCAG rules.

#5 about 3 min

Distinguishing perceivable content from understandable content

Content must be exposed in a detectable format before users can process its actual meaning.

#6 about 6 min

Making user interfaces perceivable with structural styling

Proper alternative text, clear typography, and non-color dependent cues ensure information reaches all users.

#7 about 4 min

Implementing perceivable user interface components in Blazor

Binding alternative text descriptions directly into C# models improves scaling across application component lines.

#8 about 6 min

Ensuring web applications are fully operable via keyboard

Proper heading cascades, adjustable session timeouts, and seizure-safe rendering support a wide range of input modalities.

#9 about 7 min

Fixing keyboard navigation order in Blazor applications

Adding explicit tab index attributes corrects visual flow disruptions identified by visual accessibility testing software.

#10 about 3 min

Writing understandable content and effective error messages

Clear language and descriptive form validation instructions prevent frustration during non-technical user interactions.

#11 about 2 min

Demonstrating clear form validation in Blazor views

Applying immediate contextual requirement warnings helps users recover from UI input errors without confusion.

#12 about 4 min

Building robust applications with standard web platforms

Following valid HTML5 structures and controlling UI update frequencies ensures ongoing compatibility with assistive technologies.

#13 about 14 min

Addressing accessibility challenges and Blazor developer adoption

Common industry oversights like absent alternative text combined with poor color contrast continue to pose critical barriers.

Matching moments

3:08 min

Introduction to building accessible web frontends

Konstantin Tieber · WWC 2022

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · WWC 2023

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · WWC 2025

2:00 min

Prioritizing web accessibility standards for inclusive digital experiences

Chris Heilmann +2 · LIVE

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann +2 · LIVE

4:06 min

Prioritizing web accessibility standards over artificial intelligence hype

Chris Heilmann +3 · LIVE

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Secure-by-Inclusion: Preventing Accessibility Barriers from Becoming Security Vulnerabilities

Radostina (Ina) Tsvetkova

Norwegian Directorate of Labour and Welfare (NAV), Senior Advisor in Digital Accessibility and Inclusive Design

Radostina (Ina) Tsvetkova
Open session

World Congress 2026 North America

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

Related videos

The What, Why, Who and How of accessibility on the web thumbnail
29:59
WWC 2022 • about 4 years ago

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

Konstantin Tieber

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

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

Decoding web accessibility through audit thumbnail
29:03
WWC 2022 • about 4 years ago

Decoding web accessibility through audit

Anuradha Kumari

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

Going on a CODE100 Accessibility Scavenger Hunt thumbnail
35:39
Coffee With Developers • over 1 year ago

Going on a CODE100 Accessibility Scavenger Hunt

Chris Heilmann, Daniel Cranney

Oh S***! There's a New Accessibility Law and I'm Not Ready! thumbnail
24:30
WWC 2025 • 12 months ago

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

Emma Dawson

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.