Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 TypeScript A11y Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
design-system
Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites. (by CMSgov)
-
-
-
alfa
:wheelchair: Suite of open and standards-based tools for performing reliable accessibility conformance testing at scale
-
-
react-headings
⚛ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO.
-
-
-
-
a11y-twitter
Small changes to how you use Twitter to promote Tweeting in an accessible manner. For now, it will only prompt once per Tweet to add alt text to an attachment before you Tweet. Simple but effective. 😎
-
web-test-runner-voiceover
A small plugin for @web/test-runner that uses VoiceOver on Mac for integrated a11y screen reader testing.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
🔍 Site ⭐ GitHub
Zag.js and Ark are headless component libraries created by the teams behind Chakra UI.
Project mention: Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite | dev.to | 2023-07-26To get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component.
Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29Thanks! Threlte is "just" offering a declarative way to express Three.js. If you know how the `` component and its props and event handlers work, you can use the Three.js documentation for everything else.
Apart from that with Threlte I personally practice documentation-driven-development, so ecosystem packages are exhaustively documented. If you're missing something, let us know via an issue[1] or on Discord[2].
Accessibility is a topic we didn't care enough yet to be perfectly honest. Accessibility doesn't stop at screen readers though, it's about contrast, size, colors, motion, reachability, and so much more that we cannot provide and are a consumer topic. Naturally WebGL apps suffer from being practically invisible to screenreaders. There are workarounds[3] but essentially this has to be solved by consumers of Threlte (devs) and hopefully by browser vendors at some point in the future.
[1] https://github.com/threlte/threlte/issues
[2] http://chat.threlte.xyz
[3] https://github.com/pmndrs/react-three-a11y
Project mention: Screen reader driver for test automation (VoiceOver & NVDA) | /r/npm | 2023-05-21
I wanted to contribute to other projects as well, but time didn't let me. Cauldron, AccessibleWebDev, MUI, just to name a few, and there are several other great projects on my list.
Project mention: A User centric Usecases Validator for E2E tests made open source | /r/opensource | 2023-08-30UUV is a solution to facilitate the writing and execution of end-to-end (E2E) tests understandable by any human. It’s a coherent ecosystem based on tools that are references in their field: Axe-core, Testing Library, Cucumber, Cypress and Playwright. If used correctly, it integrates accessibility from the development stage, and can be used to establish living documentation, because it proposes a unified language for developers and non-developers with a rich dictionary, and many other features to discover. It is available on GitHub under MIT license :)
a11y Twitter - Small changes to how you use Twitter to promote Tweeting in an accessible manner.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript A11y related posts
-
Top 5 Headless Components For Your React Application In 2023
-
A User centric Usecases Validator for E2E tests made open source
-
React-ing to accessibility: Building accessible e-commerce forms that everyone can use
-
GitHub - neet/react-as-prop: Type-safe `as` prop utility for flexible and semantic UI components of React
-
Need help making my component accesible
-
Same UI component for all frameworks
-
What styleless component library would you recommend?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 10 May 2024
Index
What are some of the best open-source A11y projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | headlessui | 24,418 |
| 2 | reakit | 7,647 |
| 3 | zag | 3,684 |
| 4 | react-colorful | 3,007 |
| 5 | flowbite-react | 1,703 |
| 6 | rci | 895 |
| 7 | terracotta | 645 |
| 8 | react-three-a11y | 516 |
| 9 | guidepup | 399 |
| 10 | design-system | 292 |
| 11 | html-validator | 171 |
| 12 | screenreaders | 159 |
| 13 | alfa | 95 |
| 14 | cauldron | 78 |
| 15 | react-headings | 72 |
| 16 | uuv | 57 |
| 17 | guidepup-playwright | 46 |
| 18 | microcode | 43 |
| 19 | use-prefers-color-scheme | 31 |
| 20 | use-prefers-reduced-motion | 20 |
| 21 | a11y-twitter | 20 |
| 22 | keukenhof | 18 |
| 23 | web-test-runner-voiceover | 14 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com