A developer shares his lightning talk on building accessible tab components using Web Components within a design system.
Introduces a Web Component for checking and displaying WCAG color contrast ratios and grades using CSS custom properties.
Exploring CSS Relative Colors to generate accessible text colors, comparing it to the upcoming contrast-color() function and discussing tradeoffs.
Explores using CSS Anchor Positioning and the Popover API to create interactive, accessible navigation menus without JavaScript.
A technical analysis of how modern screen readers interpret HTML tables with CSS Grid, ARIA roles, and complex attributes like rowgroup and colspan.
Discusses the complexity of building accessible date pickers in design systems, referencing insights from the Web Awesome team and the open-source Cally components.
A personal recap and notes from the Minnebar 18 tech conference, covering sessions on startups, accessibility, recruiting, and more.
Explores the development of AI-powered typography tools that assist designers with font selection, spacing, and layout to create more empathetic and accessible designs.
Explains unexpected scaling behavior of UIFontMetrics and @ScaledMetric in iOS/iPadOS and provides a workaround for proportional UI scaling.
Explains the HTML <dialog> element, its native focus trapping, modal/non-modal usage, and the ::backdrop pseudo-element.
A web developer discusses the complexities and gray areas of semantic HTML, questioning best practices for elements like headers, asides, and tables of contents.
Explores ARIA Live Regions limitations, best practices, and robust alternatives for accessible notifications in web development.
A guide to using ARIA Live Regions for creating accessible notifications in web applications, focusing on screen reader compatibility.
Introduces a Web Component for previewing audio/video files uploaded via an HTML input element, improving user experience.
A developer discusses designing an inclusive SaaS dashboard, focusing on color blindness accessibility and user experience principles.
How to enforce accessibility props in a TypeScript React ToggleSwitch component, requiring either ariaLabel or ariaLabelledBy.
A hands-on exploration of Apple's new Assistive Access feature, covering setup, optimized first-party apps, and the user experience for accessibility.
A guide to the new HTML popover API, explaining its features, syntax, and benefits for building UI components without JavaScript.
Explains how to implement test-only accessibility values in iOS apps using SwiftUI/UIKit, ensuring testing data isn't exposed to users in production.
Explains the CSS :focus-visible pseudo-class, detailing when browsers show focus styles for accessibility without compromising design aesthetics.
