https://github.com/danielmatthew/accessible-web-components

Web components for common interface patterns.
https://github.com/danielmatthew/accessible-web-components

accessibility aria-authoring-practices lit-element lit-html web-components webcomponents widget

Last synced: 4 months ago
JSON representation

Web components for common interface patterns.

• Host: GitHub
• URL: https://github.com/danielmatthew/accessible-web-components
• Owner: danielmatthew
• License: mit
• Created: 2016-06-05T14:57:27.000Z (over 8 years ago)
• Default Branch: main
• Last Pushed: 2023-01-07T03:08:11.000Z (about 2 years ago)
• Last Synced: 2024-09-29T00:42:24.744Z (4 months ago)
• Topics: accessibility, aria-authoring-practices, lit-element, lit-html, web-components, webcomponents, widget
• Language: JavaScript
• Homepage:
• Size: 6.95 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 55
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# accessible-web-components

[![danielmatthew](https://circleci.com/gh/danielmatthew/accessible-web-components.svg?style=svg)](https://circleci.com/gh/danielmatthew/accessible-web-components)

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

---

A series of [LitElement](https://lit-element.polymer-project.org/)-powered web components, covering widgets described by the [WAI-ARIA Authoring Practices 1.1](https://www.w3.org/TR/wai-aria-practices/).

[Adrian Roselli warns against cribbing the widgets wholesale](https://adrianroselli.com/2020/07/aria-grid-as-an-anti-pattern.html#Layout)…

> I need to take this opportunity to stress that the ARIA Authoring Practices are not a specification nor standard. They are a [Working Group Note](https://www.w3.org/2018/Process-20180201/#WGNote). They are [not production ready](https://www.w3.org/TR/wai-aria-practices-1.1/#browser_and_AT_support)

…hence this project.

## Packages

This is a monorepo: each package lives under `components/`.

[![Published on npm](https://img.shields.io/npm/v/@accessible-web-components/tabs.svg)](https://www.npmjs.com/package/@accessible-web-components/tabs) [@accessible-web-components/tabs](/components/tabs)