Date pickers are hard, whodathunk it
Discusses the complexity of building accessible date pickers in design systems, referencing insights from the Web Awesome team and the open-source Cally components.
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.
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.
A guide to using color scales effectively and accessibly in data visualizations with the D3.js library, including practical examples.
A developer's real-world example of why website performance and progressive enhancement are critical, especially on slow networks.