Pairing with Community Member Rafi
A recap of a live pair programming stream focused on debugging and fixing accessibility issues in a Forem/DEV onboarding process.
A recap of a live pair programming stream focused on debugging and fixing accessibility issues in a Forem/DEV onboarding process.
Explains numeronyms (like a11y) and provides a JavaScript function to create them, including an interactive bookmarklet.
A software engineer's personal review of 2020, covering work on frontend infrastructure and accessibility, side projects, blogging stats, and travel.
Explores the accessibility implications of the CSS content-visibility property, testing its impact on screen readers and the accessibility tree.
A developer shares lessons on building engaging, detail-oriented ecommerce experiences from their time at ThinkGeek, focusing on user empathy and fun.
A developer shares how they overcame a repetitive-strain injury (RSI) and now codes using voice commands and an eye-tracker.
DEV Community members pair program to tackle an accessibility issue in the Forem codebase, live-streaming their progress.
An Angular directive to automatically focus the first or invalid form control, improving user experience in CRUD-heavy applications.
A personal perspective on red-green color blindness (deuteranopia), explaining how it actually works and its impact on interpreting digital charts.
A tutorial on customizing the HTML <details> element's appearance, including removing default arrows and adding smooth animations with CSS and JavaScript.
A guide on selecting colorblind-friendly bivariate color palettes for data visualization, with examples in R.
Explains the importance of focus outlines for accessibility and provides methods to style or conditionally hide them using CSS and JavaScript.
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.