Best of Accessibility — 2021

  1. 1
    Article
    Avatar of hacksMozilla Hacks·4y

    Hacks Decoded: Sara Soueidan, Award-Winning UI Design Engineer and Author

    Mozilla Foundation’s Xavier Harding speaks with people in the tech industry. Sara Soueidan is an independent Web UI and design engineer, author, speaker, and trainer from Lebanon. She was voted Developer of the Year in the net awards, and shortlisted for the Outstanding Contribution of the year award.

  2. 2
    Article
    Avatar of react_nativeReact Native·5y

    Announcing React Native 0.65 · React Native

    React Native version 0.65 is now available. This release includes improvements to accessibility, package upgrades, and more. Hermes, Facebook’s open source JavaScript VM optimized for React Native, has been upgraded to 0.8.1. Hermes on iOS now supports Apple M1 Macs and Mac Catalyst!

  3. 3
    Article
    Avatar of devtoDEV·5y

    Mern App ( Node.js / React / Redux / Ant Design ) Crud & Auth

    Starter Antd Admin (Crud & auth) App based on Mern Stack. App built for DigitalOcean MongoDB Hackathon. Based on mern stack (Express.js / MongoDb / React / Redux / AntD) with generic crud and auth , admin management.

  4. 4
    Article
    Avatar of smashingSmashing Magazine·5y

    A Complete Guide To Accessible Front-End Components

    A Complete Guide To Accessible Front-End Components. From tabs and tables to toggles and tooltips. Skip the table of contents, or just scroll down to explore them one-by-one. Below you’ll find an alphabetical list of all accessible components.

  5. 5
    Article
    Avatar of css_tricksCSS-Tricks·5y

    How We Improved the Accessibility of Our Single Page App Menu

    I recently started working on a Progressive Web App (PWA) for a client with my team. One of the first elements that we made was the main menu. We wanted a menu that users could navigate using a mouse, and using a keyboard as well. In the process, we learned that making an accessible main menu in a PWA isn’t as obvious as it might sound.

  6. 6
    Article
    Avatar of css_tricksCSS-Tricks·5y

    A shared ESLint configuration

    Like our markdown linters, all Mapbox documentation repositories use a shared ESLint configuration. Our configuration covers everything from enforcing React best practices to improving accessibility, including: eslint- plugin-jsx-a11y checks accessibility rules on JSX elements. eslinter-plugin-es allows us to disallow unsupported ECMAScript syntax.

  7. 7
    Article
    Avatar of chromeChrome Developers·4y

    Full accessibility tree in Chrome DevTools

    Chrome DevTools is launching a full accessibility tree making it easier for developers to get an overview of the whole tree. In this post find out how this tree is created and how to use it in your work. In Chrome DevTools, we provide the accessibility pane to help developers understand how their content is exposed to assistive technology.

See all Accessibility archives