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 · World Congress 2022

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · World Congress 2023

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · World Congress 2025

2:00 min

Prioritizing web accessibility standards for inclusive digital experiences

Chris Heilmann Chris Heilmann +2 · LIVE

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann Chris Heilmann +2 · LIVE

4:06 min

Prioritizing web accessibility standards over artificial intelligence hype

Chris Heilmann Chris Heilmann +3 · LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

The What, Why, Who and How of accessibility on the web thumbnail
29:59
World Congress 2022 • over 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
World Congress 2022 • over 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 • almost 2 years 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
World Congress 2025 • about 1 year 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.