Detecting Hover-Capable Devices
Explains how to use CSS Level 5 media queries (hover, pointer) to detect hover-capable devices for better responsive design and accessibility.
Explains how to use CSS Level 5 media queries (hover, pointer) to detect hover-capable devices for better responsive design and accessibility.
A guide on using knitr and R Markdown to automatically collect and display all figure alt text (fig.alt) in an appendix.
A web developer discusses being interviewed by the Wall Street Journal about designing for motion sensitivities and the 'prefers-reduced-motion' browser feature.
Tips for web developers to ensure content remains understandable and functional when CSS is stripped by Reader modes and reading apps.
A guide to creating accessible text labels for eCommerce buttons and links that work for both screen reader and speech-input users.
A web developer criticizes accessibility overlays as harmful and ineffective, advocating for proper web accessibility practices.
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.