Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
A case study on implementing accessible data visualizations using SVG for the Khan Academy 2018 Annual Report website.
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.
An overview of multiple methods to implement accessible icon buttons, covering HTML semantics, ARIA attributes, and screen reader compatibility.
A developer discusses the importance of constructive advocacy in tech communities, focusing on respectful communication over shaming.
Explores a new CSS method using opacity and pointer-events to hide content visually while keeping it accessible to screen readers and keyboard users.
Discusses the prevalence of bad design in tech, from confusing code to poor UI, and introduces UX principles like affordance and user-centered design.
A developer shares their experience creating a browser extension version of Khan Academy's tota11y accessibility tool.
Author announces joining Google as a Developer Advocate for Material Design, focusing on design systems, web tech, and community engagement.
A developer's research into accessible client-side routing techniques, testing prototypes with users with disabilities to establish best practices.
Explores browser features for detecting user preferences like reduced motion and dark mode using CSS and JavaScript media queries.
A review of the book 'Mismatch', which provides a framework for designing inclusive and accessible technology experiences.
A web developer revisits and improves the accessibility of the HTML <abbr> element, addressing tooltip and keyboard navigation issues.
Explains how and why to enhance HTML links into interactive buttons using JavaScript, with a practical login dialog example.
Explains why to use the CSS :lang pseudo-class instead of the [lang] attribute selector for accurate language-specific styling.