Anchor Positioning and the Popover API for a JS-Free Site Menu
Explores using CSS Anchor Positioning and the Popover API to create interactive, accessible navigation menus without JavaScript.
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.
A guide to using ARIA Live Regions for creating accessible notifications in web applications, focusing on screen reader compatibility.
Explores ARIA Live Regions limitations, best practices, and robust alternatives for accessible notifications in web development.
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.
Expert advice for developers to enhance their portfolio websites with automation, testing, accessibility, and custom domains.
Discusses the need for a native CSS property to visually hide content while keeping it accessible to screen readers, referencing common workarounds.
A developer shares their wishlist for new CSS features, including an index keyword, resizable form controls, gradient borders with radius, and new pseudo-elements.