Analysis of why Gatsby.js sites have fewer accessibility errors than average, exploring developer 'guide rails' and automated testing.
Explores the history of Braille as an analogy for iterative software development, highlighting how user-centric design leads to superior solutions.
A technical changelog detailing the frontend upgrades at DEV, including migration to Preact X and adoption of Testing Library with a11y testing.
A guide to accessibly hiding and styling checkboxes and radio buttons using SVG, focusing on maintaining usability for all users including screen reader users.
A guide to improving web accessibility by optimizing keyboard navigation using tabindex and ARIA attributes for better user experience.
A browser extension that checks for missing or insufficient alt text on images to improve web accessibility for all users.
Explains the importance of using the *ByRole query in Testing Library for accessible, robust tests and how to find fallback queries.
A technical guide on creating animated sparkle effects for text and images in React, including planning, animation, and accessibility.
Explores how the Animal Crossing website implements a reduced motion mode, respecting user preferences and OS settings for accessibility.
A guide on implementing accessible animations in React using the prefers-reduced-motion media query to respect user motion preferences.
A quick tip for Firefox users on Mac to enable tab navigation for links by adjusting the accessibility.tabfocus setting.
A developer created an open-source, accessible résumé template using Eleventy, focusing on semantic HTML and print styles.
A guide for iOS developers on implementing mouse and trackpad hover interactions for iPad apps using the new iPadOS 13.4 APIs.
Explores the technical differences between using element.focus and aria-activedescendant for managing focus in accessible JavaScript components.
A developer shares their personal journey overcoming fear and anxiety around web accessibility, discussing the pressure to be 'correct' and how they changed their mindset.
Essential frontend testing criteria for a feature's Definition of Done, covering devices, accessibility, and JavaScript resilience.
Explores accessible HTML patterns for teaser/card components, comparing multiple link approaches and their pros/cons.
Andy announces a live stream to redesign his microblog, focusing on web design and front-end development.
A deep-dive into the accessibility shortcomings of the native HTML video player, highlighting browser and assistive tech issues.
A web developer reflects on eight years of blogging, the switch to 11ty, and plans for more tutorials on accessible web development.
