Accessibility

• Alt Text Hall of Fame – Celebrating well-written image descriptions.
• aria-haspopup and screen readers - Manuel Matuzović The situation isn’t too bad because all screen readers and browsers, except Narrator in Firefox and Chrome, at least support the attribute.
• marcus.io · Contextual form errors and ARIAContextual form errors and ARIA
• CSS-only Widgets Are Inaccessible — Adrian Roselli While CSS is ideal to show these visually, they need to be passed to accessibility APIs so they can be conveyed to users of assistive technologies.
• Axess Lab | Toggles suck Long and detailed explanation why toggles in web interfaces are not accessible and confusing. Checkboxes work, though. I blame mobile UIs.
• Accessible Animated GIF Alternatives – Cloud FourThis raises a new question: Which HTML element is more accessible for the display of GIF-like animated clips?
• Visually hidden links with 0 dimensions - Manuel Matuzović If you have used a visually-hidden class in the past, you might have noticed that the width and height is set to 1px and not 0. I’ve always wondered why.
• Accessibility of the Button: Should We Fix It or the Root Cause Problem? | Deque A fishbone diagram is used to brainstorm the causes of a problem. It’s also a visual way to look at cause and effect. It is a more structured approach than some other methods, e.g., the Five Whys, and can extend as far as needed.
• Tips & Tricks for Testing Accessibility with Assistive Technologies Avoid testing with assistive technologies if you’re not ready to do so. You should ensure you’re passing automated accessibility testing before firing up a screen reader.
• Progressively Enhanced HTML Accordion — Adrian Roselli Does what it says on the tin. Uses
  and <summary> with a bit of ARIA to create an accordion that works without JavaScript while working better with JavaScript.
• Artificial Accessible Intelligence
• Opportunities for AI in accessibility
• A Guide to Creating a Successful Digital Accessibility Program For companies that have yet to craft an accessibility program, it can be hard to know where to begin. If that sounds familiar, then this guide is for you.
• Subheadings, subtitles, alternative titles and taglines in HTML - TPGi *WAI-ARIA Usage Bookmarklet to evaluate document conformance requirements for use of ARIA attributes in HTML and allowed ARIA roles, states, and properties.
• Fieldsets, Legends and Screen Readers again - TPGi Steve Faulkner with lots of information on how to group form elements
• The Contrast TriangleIn order for a design to be considered accessible, there is now a three-sided design contraint - or what I call “The Contrast Triangle”.
• „50.1% empty links - Manuel Matuzović More than half of the websites tested contained empty links (links with no text).
• WebAIM: The WebAIM Million - The 2023 report on the accessibility of the top 1,000,000 home pages The 2023 report on the accessibility of the top 1,000,000 home pages
• ‘Can I Use…’, but for ARIA! - Bocoup When developing and creating accessible web experiences, knowing how different screen readers will interpret your web components is tricky.
• Running CSS animations only if both the device and the user allow it - Nicolas Hoizey
• Axe for designers - Figma plugin A figma plugin that uses ML to detect accessibility issues in your designs and flags them up with code snippets to fix them.
• Is Closing the Web Accessibility Design/Development Gap a Bridge Too Far?
• Accessibility Beyond Code Compliance Excellent transcript/writeup of talk by Aaron Gustafson on accessibility beyond code compliance. New roles and opportunities for developers.
• New WCAG 2.2 features rated · Eric Eggert
• Software accessibility for users with Attention Deficit Disorder (ADHD) Excellent points that would make your UX easier to use for everybody. By Eva Katharina Wolf
• A Guide To Keyboard Accessibility: HTML And CSS (Part 1)
• Automation is not the enemy
• Bag some AAA wins where you can
• Creating A High-Contrast Design System With CSS Custom Properties
• Focus appearance explained
• Focus management still matters
• Focus appearance explained
• Focus management still matters
• Foundations: HTML semantics
• Neurodiversity Design System The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems. Design accessible learning interfaces supporting success and achievement for everyone.
• New WCAG 2.2 features rated
• Perceived affordances and the functionality mismatch
• The Surprising Truth About Pixels and Accessibility
• Thread: Dragon versions and meeting accessibility guidelines
• Under-Engineered Patterns for #a11yTOconf
• Understanding How the European Accessibility Act Will Impact Your Business
• Automation is not the enemy