Search Results for "create-react-app"

...Build responsive and accessible mobile-first projects for the web with an easy-to-use component library. part design system, part framework, and all awesome. grommet is a React-based framework that provides accessibility, modularity, responsiveness, and themes in a tidy package. Tailor composite components with grommet. embrace atomic design methods and build a library that fits your needs. Keyboard navigation, screen reader tags, and more. grommet provides support for W3c’s WCAG 2.1 spec out of the box. ...

Static AST checker for accessibility rules on JSX elements. This plugin does a static evaluation of the JSX to spot accessibility issues in React apps. Because it only catches errors in static code, use it in combination with axe-core/react to test the accessibility of the rendered DOM. Consider these tools just as one step of a larger a11y testing process and always test your apps with assistive technology. If you installed ESLint globally (using the -g flag in npm, or the global prefix in yarn) then you must also install eslint-plugin-jsx-a11y globally. ...

...After auditing it produces a report either in JSON or HTML. Included in the report is a reference doc that explains the importance of the audit and how to fix the problem areas, which you can use to improve the web app or web page. Lighthouse can be integrated directly into the Chrome DevTools with its own panel. To run it, you would simply have to select the Lighthouse panel and click on "Generate report". It can also be run from the command line, or as a Node module.

Easily create, save, and run tests intuitively using Spearmint. Access your app's file directory and codebase while providing a fully functional in-app terminal and browser. When you're ready to continue developing your application, your Jest test files will be in your app's __tests__ folder. Writing tests is like eating your veggies: it's something everyone knows that they should do, but not everyone does.

tota11y helps visualize how your site performs with assistive technologies. The process of testing for accessibility (a11y) is often tedious and confusing. In many cases, developers must have some prior accessibility knowledge in order to make sense of the results. Instead, tota11y aims to reduce this barrier of entry by helping visualize accessibility violations (and successes), while educating on best practices. tota11y is a single JavaScript file that inserts a small button in the bottom...