Teaser with multiple links
Explores accessible HTML patterns for teaser/card components, comparing multiple link approaches and their pros/cons.
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.
A guide to the various methods for hiding elements in web development, covering HTML, CSS, accessibility, and animation considerations.
A critique of blindly following Google's Material Design guidelines, arguing for user-centered design over authority-based decisions.
A curated list of free and open-source tools, courses, and resources for frontend developers in 2020, covering hosting, accessibility, and learning.
A guide to implementing accessible hamburger menus for web navigation, covering common pitfalls and best practices for icons and toggle buttons.
Reflects on the permanence and global considerations of web standards, advocating for careful feature development and platform-native solutions.
Explains why CSS :hover, :focus, and :active states should be styled differently for better accessibility and user experience.
A case study on implementing accessible data visualizations using SVG for the Khan Academy 2018 Annual Report website.
A tutorial on creating custom CSS focus styles, demonstrating techniques from Smashing Magazine, WTF Forms, and Slack.
Analyzes the pros and cons of browser default focus styles and explores custom design alternatives for better accessibility and branding.
A reflection on web development fundamentals, arguing for prioritizing accessibility, HTML, and CSS over JavaScript frameworks to build a web for everyone.
Analyzes inconsistent browser behavior when clicking buttons, focusing on focus, tabbing, and keypress handling across Safari and Firefox.
Explores how command palettes, inspired by desktop app menu bars, can improve accessibility and usability in web applications.
Explores accessibility issues when splitting text with JavaScript for animations and provides solutions using WAI-ARIA to ensure screen reader compatibility.
Argues that IRC's lack of modern features like embedded images and rich text is a strength, ensuring accessibility and a consistent baseline for all users.