> Canonical URL: https://codingcat.dev/topic/a11y # Accessibility Courses, Podcasts & Blog Posts | CodingCat.dev 🛡️ DevOps & Architecture Hub # Accessibility. WCAG 2.2 AA, Semantic ARIA, Keyboard Focus Rings & Screen Readers Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Accessibility: WCAG 2.2 AA, Semantic ARIA, Keyboard Focus Rings & Screen Readers. [Search All Accessibility Content](/search?q=Accessibility)![Accessibility official logo](/logos/tags/a11y-lockup-light.svg)![Accessibility official logo](/logos/tags/a11y-lockup-dark.svg)Official Accessibility Brand Lockup (2 Blog Posts · 3 Episodes)✏️ Accessibility Production Architecture Diagramâś“ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How Accessibility fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified ## Accessibility Courses. [All Courses→](/courses)[![The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](https://cdn.sanity.io/images/hfh83o0w/production/4f86d9868b815e41566e22ae9106f46759e0fc77-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-advanced-html-css-and-a11y)November 4, 2026[![](/logos/tags/astro-symbol-light.svg)![](/logos/tags/astro-symbol-dark.svg)Astro](/topic/astro)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html) ### [The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](/course/odin-advanced-html-css-and-a11y) Build 60fps GPU-accelerated animations, multi-page Astro View Transitions, WCAG AAA focus rings, and accessible native and Popover components. ## Accessibility Blog Posts. Showing 2 of 2 blog postsFiltered: Accessibility[Open Full Topic Hub →](/topic/a11y)[![App Hosting has in-console environment variables and faster builds in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/47a63d1d4f4fc9eac2b09359a1e6b3935ae2f0fa-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-03-apphosting-march-update)March 13, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud) ### [App Hosting has in-console environment variables and faster builds in Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-03-apphosting-march-update) Alex Patterson's hands-on web engineering breakdown of "App Hosting has in-console environment variables and faster builds" (2026-03-12). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Accessibility Best Practices for HTML & CSS](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/92adbc842c19879beb03a6291c6437fe7ea9dac6-1200x631.png?w=1200&q=82&fit=max&auto=format)](/post/accessibility-best-practices-for-html-and-css)August 19, 2021[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css) ### [Accessibility Best Practices for HTML & CSS](/post/accessibility-best-practices-for-html-and-css) Accessibility is an ongoing, ever-evolving process that is an extremely important aspect for inclusion and usability. These are some of the best practices you can follow in HTML and CSS to improve the user's experience on your site. [![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma) No matching blog posts found for this filter. Try clearing the filter above to browse the full feed. Loading more blog posts...âś“ All blog posts loaded ## Accessibility Podcast Episodes. Showing 3 of 3 episodesFiltered: Accessibility[Open Full Topic Hub →](/topic/a11y)[![Storyblok and achieving better Accessibility from Developer Experience](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/fb003c696cc7fb99c221f70a866f170a555083ab-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/2-44-Storyblok-and-achieving-better-Accessibility-from-Developer-Experience)October 19, 2022[![](/logos/tags/storyblok-symbol-light.svg)![](/logos/tags/storyblok-symbol-dark.svg)Storyblok](/topic/storyblok)[![](/logos/tags/a11y-symbol-light.svg)![](/logos/tags/a11y-symbol-dark.svg)Accessibility](/topic/a11y) ### [Storyblok and achieving better Accessibility from Developer Experience](/podcast/2-44-Storyblok-and-achieving-better-Accessibility-from-Developer-Experience) All about Storyblok and how achieving better A11y can be done through developer experience. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Josefine Schaefer](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/187de87ef877c457f4175531bb65f385cfb58dbf-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Josefine Schaefer](/guest/josefine-schaefer)[![Alex Jover Morales](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ba92ba6b3024e536837bc55ee0f59f63bde09239-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Jover Morales](/guest/alex-jover-morales)[![A11y with Ben Myers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d523017127a68b6588da474d611883d6d54de86d-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/2-38-a11y-with-ben-myers)September 7, 2022[![](/logos/tags/a11y-symbol-light.svg)![](/logos/tags/a11y-symbol-dark.svg)Accessibility](/topic/a11y) ### [A11y with Ben Myers](/podcast/2-38-a11y-with-ben-myers) Ben guides us through how A11y is hard to understand if you don’t use it everyday. He also shows us many tools that we can use to help make more accessibility compliant websites. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Ben Myers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/2a9e07bf96ac313ecddae26fbf12521b5c59a020-960x960.jpg?w=96&h=96&q=82&fit=max&auto=format)Ben Myers](/guest/ben-myers)[![The Other Side of Tech - A Documentarian Perspective](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ef9ce8c5d03b6a3d55767d161439cf9b75189662-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/2-4-the-other-side-of-tech-a-documentarian-perspective)January 26, 2022[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/vue-symbol-light.svg)![](/logos/tags/vue-symbol-dark.svg)Vue](/topic/vue) ### [The Other Side of Tech - A Documentarian Perspective](/podcast/2-4-the-other-side-of-tech-a-documentarian-perspective) We sit down with Stefan Kingham, who helped create the Vue.js documentary and will soon be releasing a new Svelte documentary. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Stefan Kingham](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/abcbf9fffd0d3645b6c87ab31e7c30837a4cec2c-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Stefan Kingham](/guest/stefan-kingham) No matching episodes found for this filter. Try clearing the filter above to browse the full feed. Loading more episodes...âś“ All episodes loaded