Warns about potential accessibility issues with your React elements.In your main application file, require the module and call it, you'll start getting warnings in the console as your app renders. Note that by default all rules are turned off s oyou need to turn them on first (by setting them to "warn" or "error").
accessibility react a11yAn accessible and easy tab component for ReactJS.For example usages of the UMD builds have a look at the examples/umd folder. The development UMD build also needs the package prop-types being loaded besides react.
react tabs a11y react-componentally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. Its goal is to be A JavaScript library to help web applications with accessibility concerns. The intention is to separate these generic components from actual applications and other libraries.ally.js is published under the MIT License.
accessibility a11y focus keyboard keyboard-navigation focusable tabbing tabbablePhantomJS, which is used for generating the screenshots, is installed automagically, but in some rare cases it might fail to and you'll get an Error: spawn EACCES error. Download PhantomJS manually and reinstall a11y if that happens.
cli-app cli a11y audit test accessibility wai aria dev developer tool report web website<dialog> is an element for a popup box in a web page, including a modal option which will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec. This polyfill works on modern versions of all major browsers. It also supports IE9 and above.
html dialog polyfill a11yBetter default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. The built CSS is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.
colors design a11y postcss palette css oocssPronounced Alix. Because it’s simpler. The whole presentation lives in the wiki. Please note that a substantial work has been accomplished to document the whole project, from the Sass layer to each test explanations through CSS selectors and tricks. I suggest you make a tour on a11y.css documentation website.
css accessibility diagnostics sass test documentation wiki selectors markup html bookmarklet a11y accessibility-checker testing scssThe aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It's only ~1.8kb minified and gzipped - A tiny library for big change.
modal modal-dialogs accessibility a11y accesibleVisit the grommet.github.io website for more information. Before opening an issue or pull request, please read the Contributing guide.
grommet ux-framework babel react sass a11yAxe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing. Sign up for axe news to get the latest on axe features, future releases, and events.
accessibility a11y testing unit tdd bdd axeStatic AST checker for accessibility rules on JSX elements. Ryan Florence built out this awesome runtime-analysis tool called react-a11y. It is super useful. However, since you're probably already using linting in your project, this plugin comes for free and closer to the actual development process. Pairing this plugin with an editor lint plugin, you can bake accessibility standards into your application in real-time.
eslint aria a11y accessibility jsx react eslintplugin eslint-pluginWe provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. The easiest way to tweak react-colorful is to create another stylesheet to override the default styles.
react hooks hex color preact color-picker react-component a11y tiny picker zero-dependency typescript-support colorpicker front-end accessible react-color accessibility aria wai-ariaAuthoring adaptive color palettes for generating color based on a desired contrast ratio. For a detailed walkthrough of Leonardo, check out this article.
color colorscheme color-picker colors a11y color-palette contrast color-theme dark color-themes contrast-ratio color-generator colorscheme-generator color-palette-generator color-theme-switcherWith more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.
bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltipThis is a lightweight (1.3Kb) yet flexible script to create accessible dialog windows.
accessibility a11y modal dialog focusWhen npx fusuma start is executed, fusuma will create slides like follows on http://localhost:8080. Fusuma provides the below development screen which has a reference and slides list. In addition, Fusuma adds a sidebar and when you set section titles, fusuma shows them on the sidebar. Fusuma offers the following themes also users can customize them because this is just CSS.
react markdown keynote presentation seo slides a11y mdxReakit helps to build accessible rich web apps with React. It is a lower level component library for building accessible high level UI libraries, design systems and applications with React. It strictly follows WAI-ARIA 1.1 standards and provides many of the widgets described in WAI-ARIA Authoring Practices like Button, Dialog, Tab and others. It has been built with composition in mind. In fact, its own components are composed by a few other abstract ones, like Role, Tabbable and Composite.
react components accessibility reactjs a11y accessible wai-aria hacktoberfest react-component ssr server-side-renderingMantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.
react-components react-library react hooks typescript accessibility uikit a11y design-systemLity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB.
lightbox modal lightweight accessible responsive accessibility popup a11y jquery-plugin ecosystem:jqueryA global utility for tracking the current input method (mouse, keyboard or touch). What Input adds data attributes to the window based on the type of input being used. It also exposes a simple API that can be used for scripting interactions.
accessibility a11y input
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.