A developer's guide to optimizing iOS accessibility for VoiceOver and Voice Control, using a survey component as a practical example.
How the A11y Slack community developed anti-SLAPP policies with Harvard Cyberlaw Clinic to protect members from lawsuits by accessibility overlay vendors.
The article argues that choosing between dark and light mode should be based on ambient lighting and usability, not just personal aesthetic preference.
Explains the HTML <aside> element, its role as a sectioning element and landmark, and its relationship to ARIA's complementary role.
Explores the HTML5 <article> element, its purpose for document structure, and its importance for web accessibility and semantics.
An article explaining the HTML <abbr> element, its purpose for marking abbreviations, and a discussion on semantic HTML.
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.
Discusses the complexity of building accessible date pickers in design systems, referencing insights from the Web Awesome team and the open-source Cally components.
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.
