Best of Accessibility — January 2025

  1. 1
    Article
    Avatar of webdevWebDev·1y

    Introducing Pillar-UI: A New React Design System

    Pillar-UI is a new design system for React apps, focused on performance, accessibility, and developer experience. Built from the ground up, it is significantly smaller and faster than many existing alternatives by leveraging CSS and minimizing JavaScript dependencies. Key features include adherence to WCAG guidelines, RTL support, high contrast mode, and customizable default styles using CSS variables. It also offers reusable hooks, icons, and utility functions to simplify development. The project is open-source and community-driven, inviting collaboration and contribution from developers.

  2. 2
    Video
    Avatar of wdsWeb Dev Simplified·1y

    Stop Using Pixels For Media Queries

    Using pixels for font sizes, media queries, padding, and margins is not recommended due to accessibility issues. Instead, using REM units allows for more responsive and scalable designs that adapt to user settings. This practice ensures that elements on the web page remain proportional and accessible across different devices and user preferences.

  3. 3
    Video
    Avatar of kevinpowellKevin Powell·1y

    Remove empty elements with one line of CSS - great for dynamic content

    Learn how to efficiently hide empty elements in dynamic content using the CSS empty pseudo-selector, avoiding the need for complex JavaScript solutions. Ensure that your error messages are completely empty to work correctly and consider accessibility implications for screen readers.

  4. 4
    Article
    Avatar of iotechhubiO tech_hub·1y

    Accessibility tools

    Many websites remain inaccessible to individuals with physical or cognitive disabilities, but several tools can help audit and improve web content accessibility. Tools like Lighthouse, Axe Devtools, WAVE, and Accessibility Insights can automate many processes to ensure WCAG compliance. While test automation enhances consistency and efficiency, manual testing and user feedback are also crucial to address nuanced issues.

  5. 5
    Article
    Avatar of storybookStorybook·1y

    Storybook 8.5

    Storybook 8.5 introduces major enhancements including realtime accessibility tests using the Axe a11y addon, project code coverage for more thorough UI testing, and focused tests for faster feedback. The release also introduces the React Native Web Vite framework for mobile UI testing and announces the Storybook Test Bootcamp. Hundreds of improvements and support updates for various frameworks are included.

  6. 6
    Article
    Avatar of uxplanetUX Planet·1y

    Icons as fonts: Why Google and Apple are embracing this new approach

    Google and Apple have introduced the use of fonts for delivering icons, which offers benefits like performance optimization, scalability, easier integration for developers, streamlined asset management, dynamic styling capabilities, and enhanced accessibility. While traditional methods using PNG or SVG files have their advantages, icon fonts provide a simplified and efficient approach for scalable and dynamic icon libraries.

  7. 7
    Article
    Avatar of webdevWebDev·1y

    I Created VanillaHTML (a CSS File)

    VanillaHTML is a CSS file designed to make default HTML look modern and pleasant, while also enforcing Semantic HTML practices to improve accessibility. It's not meant to replace CSS but to provide a better starting point for HTML learners and web developers. VanillaHTML encourages good habits and highlights the power of using semantic elements.

  8. 8
    Article
    Avatar of communityCommunity Picks·1y

    Testing Accessibility with Screen Readers

    This guide covers the importance of accessibility in web development and provides a detailed overview of how screen readers work. It includes practical tips for testing applications with various screen readers and improving accessibility using the accessibility tree. Key areas of focus include keyboard navigation, proper labeling, and clear content organization. The guide also emphasizes the need to design with accessibility in mind from the start and to complement automated testing with real user feedback.

See all Accessibility archives