Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/public-ui/kolibri

The accessible HTML-Standard
https://github.com/public-ui/kolibri

a11y accessibility angular barrierefreiheit client-side-rendering csr design-system react service-side service-side-generation service-side-rendering solid-js ssg ssr styleguide theming ui vuejs webcomponents

Last synced: 6 days ago
JSON representation

The accessible HTML-Standard

Awesome Lists containing this project

README

        

# Welcome to KoliBri

[![npm](https://img.shields.io/npm/v/@public-ui/components)](https://www.npmjs.com/package/@public-ui/components)
[![license](https://img.shields.io/npm/l/@public-ui/components)](https://github.com/public-ui/kolibri/blob/main/LICENSE)
[![downloads](https://img.shields.io/npm/dt/@public-ui/components)](https://www.npmjs.com/package/@public-ui/components)
[![issues](https://img.shields.io/github/issues/public-ui/kolibri)](https://github.com/public-ui/kolibri/issues)
[![pull requests](https://img.shields.io/github/issues-pr/public-ui/kolibri)](https://github.com/public-ui/kolibri/pulls)
[![size](https://img.shields.io/bundlephobia/min/@public-ui/components)](https://bundlephobia.com/result?p=@public-ui/components)
![contributors](https://img.shields.io/github/contributors/public-ui/kolibri)

> „The accessible HTML-Standard“

**KoliBri** stands for „Component library for the accessibility“ and was from the
[Informationstechnikzentrum Bund (ITZBund)](https://itzbund.de)
open source released for reuse and further development.

## Vision

Together we make **HTML** accessible using **reusable web components** to ensure **usability** and **accessibility**.

## Mission

The [HTML web standard](https://html.spec.whatwg.org) is itself very “openly” specified in order to be as long-lasting and robust as possible. It therefore often happens that HTML compositions are not easily accessible, semantic and valid.

KoliBri is based directly on the [Web standards](https://www.w3.org/standards/webdesign/) of the [W3C](https://www.w3.org) (framework-agnostic), and is generic Reference implementation of the [WCAG standard](https://www.w3.org/WAI/standards-guidelines/wcag/) and the [BITV](https://www.bitvtest.de/bitv_test.html) for accessibility and implemented as a multi-theming capable presentation layer. There is no technical reference and no data transfer functionality. This means that KoliBri is equally reusable for the realization of static websites as well as dynamic web applications with different corporate designs and style guides and is therefore very interesting for open source.

## Roadmap

KoliBri is always actively working on improvements, new features and future-oriented innovations for the latest major release. In parallel, a selected LTS release is maintained with regard to bug fixes.

| Version | Release type | Release | Period | End-of-Support |
| --: | :-: | :-: | :-: | :-: |
| 1.x | LTS | Dez 2021 | 3y | Dez 2024 |
| 2.x | LTS | Dez 2023 | 3y | Dez 2026 |
| 3.x | STS | Dez 2024 | 1y | Dez 2025 |
| 4.x | LTS | Dez 2025 | 3y | Dez 2028 |
| 5.x | STS | Dez 2026 | 1y | Dez 2027 |

```mermaid
gantt
title LTS & STS
dateFormat YYYY-MM-DD

1.x (LTS) :, 2021-12-01, 3y
2.x (LTS) :, 2023-12-01, 3y
3.x (STS) :crit , 2024-12-01, 1y
4.x (LTS) :, 2025-12-01, 3y
5.x (STS) :crit , 2026-12-01, 1y

```

## Collaboration and cooperation

The **focus** of KoliBri is on **small** (atomic), very **flexible** and highly **reusable** HTML compositions (e.g. buttons). We offer an accessible, semantic and valid standard implementation of such components that can be reused for any higher-level HTML structure or component (molecule, organism or template).
These atomic components are where we should **collaborate** and **cooperate** to combine our skills and knowledge. The synergy effects on the basic components allow you to focus more on subject-specific content.

Let's make KoliBri **better** and **more colorful** together!

> Continue [to **Documentation**](https://public-ui.github.io)…

## Let's go

- [Get Started](https://public-ui.github.io/en/docs/get-started/first-steps)
- [Contributing](./CONTRIBUTING.md)
- [Code of Conduct](./CODE_OF_CONDUCT.md)
- [Security](./docs/SECURITY.md)