> Markdown version of [/playlists/accessibility-engineering](https://www.wearedevelopers.com/playlists/accessibility-engineering). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Playlist: Accessibility engineering 27 videos · 33 moments · 121.0 minutes ## Mastering Keyboard Accessibility - **Targeting web content accessibility guidelines for keyboards** (06:37, 1min) — Applying assistive technologies to leverage operating system keyboard APIs strictly following standardized web guidelines. [Learn more](https://www.wearedevelopers.com/videos/820-mastering-keyboard-accessibility) ## Preventing Accessibility Issues Instead Of Fixing Them - **Business case for shifting accessibility to the left** (00:00, 3min) — Moving accessibility requirements to the user experience design phase prevents defects and reduces engineering remediation time. - **Addressing inconsistent screen reader and browser environments** (46:33, 7min) — Strictly following documented web standards minimizes rendering failures across highly subjective operating system and accessibility tool setups. [Learn more](https://www.wearedevelopers.com/videos/804-preventing-accessibility-issues-instead-of-fixing-them) ## WeAreDevelopers LIVE – Inclusion, Accessibility & Automation - **Navigating careers in web accessibility engineering** (00:04, 5min) — How human-computer interaction studies and open-source contributions shape professional development paths. [Learn more](https://www.wearedevelopers.com/videos/1742-wearedevelopers-live-inclusion-accessibility-automation) ## Shift Left On Accessibility - Geri Reid - **Defining engineering readiness criteria using mandatory frontend accessibility inputs** (28:49, 4min) — Developers need explicit instructions on zoom reflow, keyboard state, and reduced motion before beginning implementation. [Learn more](https://www.wearedevelopers.com/videos/1712-shift-left-on-accessibility-geri-reid) ## Accessibility with Web Components - **Resolving default accessibility limitations in custom web components** (09:19, 4min) — Unrecognized custom elements require explicit ARIA attributes and design patterns to function correctly with assistive technologies. [Learn more](https://www.wearedevelopers.com/videos/648-accessibility-with-web-components) ## Decoding web accessibility through audit - **Introduction to web accessibility and assistive technologies** (00:15, 2min) — Standard coding guidelines prevent developers from accidentally breaking default web accessibility for users with disabilities. [Learn more](https://www.wearedevelopers.com/videos/507-decoding-web-accessibility-through-audit) ## WeAreDevelopers LIVE - Should We Respect LLMs? Is Rust Taking Over? Developers as Content Creators and more - **Fostering an inclusive and accessible engineering culture** (07:12, 4min) — Establishing a genuine accessibility culture depends on hiring dedicated internal experts rather than treating compliance as an afterthought. [Learn more](https://www.wearedevelopers.com/videos/1335-wearedevelopers-live-should-we-respect-llms-is-rust-taking-over-developers-as-content-creators-and-more) ## The What, Why, Who and How of accessibility on the web - **Introduction to building accessible web frontends** (00:05, 3min) — How expanding knowledge around accessibility improves overall web interface quality. - **Utilizing testing tools to audit web platform compliance** (28:11, 1min) — Integrating automated testing extensions and OS-level screen readers validates technical accessibility before deployment. - **Defining individual disabilities and web accessibility** (03:13, 3min) — Recognizing structural mismatches helps developers design for visual, hearing, motor, and cognitive limitations. [Learn more](https://www.wearedevelopers.com/videos/403-the-what-why-who-and-how-of-accessibility-on-the-web) ## Building Bluesky as a Platform - Eric Bailey - **Improving application accessibility and the external developer experience** (36:50, 4min) — Resolving full-stack deployment friction and simplifying alt-text input creates a more inclusive technical environment. [Learn more](https://www.wearedevelopers.com/videos/1300-building-bluesky-as-a-platform-eric-bailey) ## Making Interactions Accessible to All Users - **Defining interaction and accessibility on the web** (03:24, 2min) — How diverse users interact with web interfaces using assistive technologies. [Learn more](https://www.wearedevelopers.com/videos/649-making-interactions-accessible-to-all-users) ## Semantic HTML means it's semantic, right? Right? - **Managing noisy section elements in assistive technologies** (09:41, 2min) — Upgrading standard HTML sections with an accessible name establishes beneficial landmark regions. - **The case for semantic HTML in accessibility** (01:02, 1min) — Using correct elements improves code quality and creates consistent user experiences across different abilities. [Learn more](https://www.wearedevelopers.com/videos/1674-semantic-html-means-it-s-semantic-right-right) ## Scalable architecture for mobile apps - **Implementing inclusive accessibility standards from day one** (30:18, 2min) — Embedding screen reader compatibility and scalable typography accommodates disabled user needs natively across platforms. [Learn more](https://www.wearedevelopers.com/videos/275-scalable-architecture-for-mobile-apps) ## Dizzy users close browsers: balancing creativity and accessibility - **Developing practical empathy for non-visual web users** (57:51, 5min) — Treating code accessibility problems as extreme baseline usability bugs ensures a significantly better product rendering experience across all audi... [Learn more](https://www.wearedevelopers.com/videos/803-dizzy-users-close-browsers-balancing-creativity-and-accessibility) ## Secure and Accessible Login Systems - Ramona Schwering - **Utilizing developer tools to test and improve accessibility** (08:46, 0min) — Leveraging browser inspector panels and automated audits helps identify visual contrast issues and navigational flaws early. - **Implementing low-hanging accessibility fixes in frontend web applications** (15:37, 2min) — Understanding how web frameworks generate structural markup is essential for preventing fundamental accessibility barriers. - **Collaborating on nuanced security and accessibility user experiences** (21:01, 3min) — Discussing localized implementations and specific disabilities with peers broadens technical empathy and inspires stronger design patterns. [Learn more](https://www.wearedevelopers.com/videos/1847-secure-and-accessible-login-systems-ramona-schwering) ## WeAreDevelopers LIVE - 11ty and a11y - **Prioritizing web accessibility standards for inclusive digital experiences** (63:25, 2min) — Deliberate incorporation of accessibility principles during initial development guarantees usable experiences across varying physical capabilities ... [Learn more](https://www.wearedevelopers.com/videos/1822-wearedevelopers-live-11ty-and-a11y) ## Oh S***! There's a New Accessibility Law and I'm Not Ready! - **Finding accessibility issues through manual keyboard navigation testing** (08:44, 4min) — Relying on semantic HTML elements prevents hidden traps and focus state failures during basic manual testing. [Learn more](https://www.wearedevelopers.com/videos/1671-oh-s-there-s-a-new-accessibility-law-and-i-m-not-ready) ## WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis - **W3C accessibility guidelines and essential practices** (28:20, 6min) — The ratification of developer tool accessibility standards emphasizes the importance of semantic HTML fundamentals and basic visual accommodations. [Learn more](https://www.wearedevelopers.com/videos/1289-wad-live-22-01-2025-exploring-ai-web-development-and-accessibility-in-tech-with-stefan-judis) ## Building Interactive Async UI with React 19 and Ariakit - **Overcoming challenges in building accessible interfaces** (00:13, 2min) — Understanding the difficulties of delivering custom design capabilities while meeting strict WCAG standards and preventing asynchronous UI flickering. [Learn more](https://www.wearedevelopers.com/videos/1589-building-interactive-async-ui-with-react-19-and-ariakit) ## AI and Accessibility: The Good and the Bad - Fireside Chat - **Bridging the gap between design tools and engineering semantics** (14:55, 2min) — Generating functional HTML from design platforms often lacks essential code hierarchy. [Learn more](https://www.wearedevelopers.com/videos/1350-ai-and-accessibility-the-good-and-the-bad-fireside-chat) ## Rethinking Intelligence: AI, Accessibility, and the Future of Inclusive Work - Artur Ortega - **Embracing the social model of disability in system engineering** (33:28, 6min) — Why tech industries should focus on building universally accessible processes instead of trying to medically fix disabled individuals. [Learn more](https://www.wearedevelopers.com/videos/1377-rethinking-intelligence-ai-accessibility-and-the-future-of-inclusive-work-artur-ortega) ## NoLoJS - Avoiding JavaScript Cruft with HTML and CSS - Aaron T. Grogg - **Navigating accessibility standards and screen reader support limitations** (44:06, 6min) — The friction between using semantic tags correctly and the reality of outdated assistive technology failing to interpret modern features. [Learn more](https://www.wearedevelopers.com/videos/1806-nolojs-avoiding-javascript-cruft-with-html-and-css-aaron-t-grogg) ## Autism in Tech - **Introduction and speaker background in technology** (00:12, 3min) — An introduction to navigating the tech industry through the lens of a neurodivergent background. [Learn more](https://www.wearedevelopers.com/videos/427-autism-in-tech) ## Plan CI/CD on the Enterprise level! - **Structuring environments and defining manual access limitations** (09:01, 1min) — Restricting engineering access to production forces tighter deployment automation and verifies reliable testing integrations. [Learn more](https://www.wearedevelopers.com/videos/544-plan-ci-cd-on-the-enterprise-level) ## WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more! - **Verifying assistive technology compatibility across web browsers** (49:10, 4min) — Testing combinations of screen readers and operating systems reveals specific edge cases requiring functional patching strategies. [Learn more](https://www.wearedevelopers.com/videos/1314-wearedevelopers-live-gaps-in-css-eu-accessibility-act-and-more) ## Speak, Code, Deploy: Transforming Developer Experience with Voice Commands - **Discovering accessibility features as everyday utility tools** (00:02, 0min) — Accessibility settings on mobile devices offer alternative navigation methods that benefit all users. [Learn more](https://www.wearedevelopers.com/videos/1159-speak-code-deploy-transforming-developer-experience-with-voice-commands) ## Command the Bots: Mastering robots.txt for Generative AI and Search Marketing - **Original purpose and evolution of the robots.txt protocol** (00:02, 3min) — How the initial protocol established a unified approach to managing search engine access and protecting site rankings. [Learn more](https://www.wearedevelopers.com/videos/1165-command-the-bots-mastering-robots-txt-for-generative-ai-and-search-marketing) ## WeAreDevelopers LIVE - "Fun and games - and all that comes with it", Back to BASIC & more - **Accessible tools for building your first video game** (64:24, 8min) — Recommendations on using accessible engines and storytelling platforms for aspiring game creators. [Learn more](https://www.wearedevelopers.com/videos/1719-wearedevelopers-live-fun-and-games-and-all-that-comes-with-it-back-to-basic-more)