Focus Management in 2022 📺
A talk summary on modern web focus management using the <dialog> element, inert attribute, and <fieldset disabled> for accessible UI.
A talk summary on modern web focus management using the <dialog> element, inert attribute, and <fieldset disabled> for accessible UI.
Exploring the best HTML and ARIA patterns for accessible button groups, comparing radio buttons vs. buttons with aria-pressed based on expert advice.
Developer creates a browser extension, a11y-twitter, to prompt users to add alt text to images before tweeting, improving accessibility.
A developer shares insights on building an accessible, multi-component tab system using Web Components for a design system.
Ahmad Shadeed's Defensive CSS is a detailed resource of techniques for building resilient, robust front-end user interfaces.
A guide on writing effective alt text for images, focusing on web accessibility, screen readers, and best practices for developers.
A guide to building accessible toggle buttons with optimal HTML semantics and framework examples for Svelte, Vue, and React.
Explores when to use pixels vs. ems/rems in CSS for optimal web accessibility, arguing both are necessary.
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
A guide to implementing an accessible custom tab bar in iOS, covering the Large Content Viewer and .tabBar trait to match native behavior.
A quick guide to enabling keyboard navigation for confirmation dialogs and controls on a new Mac.
How to add a lang attribute to your Next.js site's HTML element for improved accessibility and Lighthouse performance scores.
Explains why using vw/vh units for font sizes creates accessibility and layout issues, and recommends using em, rem, and clamp() instead.
A developer reflects on ten years of blogging, sharing over 145 articles on web development, performance, and accessibility.
A guide on how to evaluate the accessibility (a11y) of npm packages before using them in a web project.
Explains why using semantic HTML links (<a>) is better than buttons (<button>) for navigation, especially in SPAs, for accessibility and deep linking.
A guide to implementing and testing Dynamic Type in iOS apps to support user-adjustable font sizes for accessibility.
A guide for iOS/macOS developers on improving app accessibility for Voice Control, covering labels, APIs, and best practices.
Argues against using Discord for FOSS projects due to its proprietary nature, which excludes users and conflicts with free software principles.
A comprehensive 22-module course on HTML forms covering design, accessibility, security, and best practices for web developers.