A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog. Also see 7 Lessons from Developing an Accessible HTML 5 Video Player.Insert the CSS in the Head of your HTML document. You'll also need to upload the sprite image (or use your own) and adjust the path in the CSS file.
html5-video-player video paypal accessibility html5 accessible playerCheck out the Homepage and the Codepen examples. Array of suggestions to display. The only requirement is that suggestions is an array. Items in this array can take an arbitrary shape.
react autosuggest autocomplete typeahead accessible auto-suggest auto-complete react-autosuggest react-autocomplete react-auto-suggest react-auto-complete react-componentThe data that populates the autocomplete results are called sources. You can use whatever you want in your sources: a static set of searches terms, search results from an external source like an Algolia index, recent searches, and more. By configuring just those two required parameters (container and getSources) you can have an interactive autocomplete experience. The library creates an input and provides the interactivity and accessibility attributes, but you're in full control of the DOM elements to output.
search alfred autocomplete query select algolia spotlight modal typeahead dropdown accessible suggestion comboboxWe 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-ariaWith 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 tooltipReakit 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-renderingLity 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:jqueryAdvanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices. Check out the demo page. Check out the project documentation for quick setup instructions, API reference, tutorials and more.
menu navigation accessible responsive mobile ui jquery-plugin bootstrap ecosystem:jqueryChakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It strictly follows WAI-ARIA standards for all components. It is Themeable, Composable and Optimized for multiple color modes.
react components reactjs uikit a11y react-components accessible wai-aria ui-designWorks in Node.js and the browser (with browserify/webpack).In the browser you have navigator.onLine, but it's useless as it only tells you if there's a local connection, and not whether the internet is accessible.
internet internet-connection nodejs browser connectivity detect network online ping reachability offline is-online connected is has hostname hostnames dns socket reachable accessibleA fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. Check out the demo.
react react-component modal accessibility accessible dialogTry a demo now. We recommend that you copy them into your own app and modify them to suit your needs, particularly if you're using your own classNames.
react component accordion collapse accessible accessibilityA lightweight accessible datepicker
a11y accessible calendar callendar cally date datepicker picker vanillaCheck if the internet connection is up
nodejs cli cli-app connectivity detect internet internet-connection network online ping reachability browser offline is-online connected is has hostname hostnames dns socket reachable accessibleWorks in Node.js and the browser (with browserify).The Node.js version will do a TCP handshake with the target's port. It attempts to detect cases where a router redirects the request to itself.
nodejs browser reachability connectivity online detect network internet ping offline connected is has reachable server host accessible socketLet your content shine with Sanse theme. The following resources are included within the theme package.
accessible wordress-themeMedia Player is a tiny, responsive, international, accessible, cross browser, easily customizable media player written in plain vanilla JavaScript. Media Player can be controlled with any pointer or keyboard, whether it’s to play, pause, move across the timeline, mute, unmute, adjust the volume, enter or leave fullscreen, or download the source.
media audio video player customizable international accessible cross-browser aria dom controlsAn accessible React tabs component, ported from my vanilla JS plugin. See it in action.
react tabs a11y accessibility component widget react-component ui accessible es6Shim repository for the npm package of the SmartMenus jQuery plugin Bootstrap addon. Check the SmartMenus jQuery plugin to learn how you could use it (including this addon for it).
menu navigation accessible responsive mobile ui jquery-plugin bootstrap ecosystem:jqueryA retro dark theme for Hugo. The specific version of hack.css used is pinned in the package.json dependency manifest. To check for updates do an npm i and run npm run ncu.
hugo theme blog minimal accessible responsive retro dark
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.