Best of Accessibility — March 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Top Headless UI libraries for React in 2024 | Blog

    Explore the top headless UI libraries for React in 2024, including Radix UI, Headless UI, React Aria, Aria Kit, Ark UI, and Reach UI. These libraries prioritize accessibility, customization, and scalability, offering distinct advantages for web development and inclusive design practices.

  2. 2
    Article
    Avatar of astro_sourceAstro·2y

    Astro 4.5

    Astro 4.5 is now available! This release improves the developer experience with a new Dev Audit UI that allows developers to automatically identify site performance and accessibility issues during development. Other highlights include improved view transitions, upgraded syntax highlighting with Shiki 1.0, multi-CDN asset prefixing, and experimental features like JSON schemas for data collections and a new script detection algorithm.

  3. 3
    Article
    Avatar of devtoDEV·2y

    Building for Accessibility

    Building for accessibility is important for inclusivity, legal compliance, contribution to sustainable development goals, empathy, and better user experience. The POUR principles (Perceivable, Operable, Understandable, Robust) should be followed to build for accessibility. Various testing methods can be used to assess website accessibility.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    The Importance of Semantic HTML for SEO and Accessibility

    The importance of semantic HTML for SEO and accessibility is highlighted in this post. Semantic HTML improves a web page's exposure and ranking in search results, and also enhances website accessibility for users with disabilities. Web developers can use semantic HTML to make webpages easier for search engines to understand and index.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    HTML Accessibility – HTML Accessibility

    The post explores HTML accessibility, including ARIA roles that require an accessible name, interoperability issues with native HTML controls and screen readers, and the disallowance of role=presentation or role=none on focusable elements.

  6. 6
    Article
    Avatar of watercoolerWatercooler·2y

    Really descriptive alt text

    The post discusses the importance of alt text for images and raises questions about determining the alt text for a specific image.

  7. 7
    Article
    Avatar of css-irlCSS {IRL}·2y

    Creating Color Palettes with the CSS color-mix() Function

    Learn how the CSS color-mix() function can help create color palettes and improve design systems.

  8. 8
    Article
    Avatar of uxplanetUX Planet·2y

    10 Core Product Design Principles

    This post provides 10 core principles for product design, including simplicity, consistency, efficiency of use, accessibility, scalability, memorable design, aesthetic and minimalist design, sustainability, emotional design, and ethical design.

  9. 9
    Article
    Avatar of lambdatestLambdaTest·2y

    How to Style CSS Form Design Elements

    This post discusses the importance of styling CSS form design elements and provides tips for creating visually appealing and accessible forms. It covers common issues with native form element styles and offers solutions for customizing form elements using CSS. The post also highlights the significance of cross-browser compatibility testing and provides examples of responsive testing using LT Browser. Lastly, it emphasizes the importance of creating accessible forms by following best practices like setting accessible contrast ratios.

  10. 10
    Article
    Avatar of communityCommunity Picks·2y

    CSS-only bottom-anchored scrolling area

    Learn how to achieve a bottom-anchored scrolling area using CSS and JavaScript. Understand the considerations for accessibility in scrollable regions.

  11. 11
    Article
    Avatar of medium_jsMedium·2y

    Frontend Weekly Digest #354 (11–17 March 2023)

    This post covers a wide range of topics including web development, CSS, JavaScript, React, Vue, Angular, and browsers. It includes information about the Web's 35th birthday, performance optimization, accessibility, CSS techniques, JavaScript features, React API calls, Vue.js errors, Angular state management, and browser benchmarks.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    Accessibility Matters

    Learn about the importance of web accessibility and explore various patterns.

  13. 13
    Article
    Avatar of frontendmastersFrontend Masters·2y

    You Want border-color: transparent, Not border: none

    Consider using 'border-color: transparent' instead of 'border: none' when removing a border from an element to maintain accessibility benefits in High Contrast Mode. Use the 'forced-colors' media query for additional styling in High Contrast Mode. Test 'forced-colors' in Chrome DevTools to ensure proper functionality.

See all Accessibility archives