Changelog: Frontend Edition
A technical changelog detailing the frontend upgrades at DEV, including migration to Preact X and adoption of Testing Library with a11y testing.
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.
A guide to programmatically finding keyboard-focusable elements for accessible JavaScript widgets, including a reusable function.
Andy Bell introduces a simple mailto link generator tool and shares his background in front-end development and CSS education.