Displaying 1 to 12 from 12 results

micromodal - ⭕ Tiny javascript library for creating accessible modal dialogs

  •    HTML

The 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.

a11y-toggle - A tiny script for accessible content toggles.

  •    HTML

A tiny script (less than 0.6Kb gzipped) to build accessible content toggles. You can try the live demo which also acts as a documentation. a11y-toggle uses relatively modern JavaScript API (namely reduce, addEventListener, etc.) therefore will not work in Internet Explorer 8 and below. All the other browsers, including mobile ones should work fine.

tinytypo - CSS base for web editorial content

  •    HTML

Tiny Typo is a CSS base for web editorial content, ready for use, for readable web pages, on all media. This microframework makes the typographic minimum necessary for the writing of web documents. Compliant with W3C standards, Tiny Typo is designed for all devices, naturally responsive, without forgetting print, multilingualism and accessibility.




eureka - HTML-first crack at a Flexible Media Browser progressively enhanced with React

  •    HTML

Eureka is a progressively enhanced flexible media browser. Connected to your media sources through a REST API, this accessible web component allows users to browse media sources, upload files, and choose media items. 🤗 Try the demo.

accessible-html-content-patterns - ♿️ The full HTML5 Doctor Element Index as well as common markup patterns for quick reference

  •    HTML

A collection of the full HTML5 Doctor Element Index, minus the <command> and <menu> tags (which have poor browser support), as well as common markup patterns for quick reference. There are countless little gotchas and quirks to remember when writing markup, even for basic components. This is an attempt to capture and centralize them.

learn-a11y - A web app for learning web accessibility

  •    HTML

A web app for learning web accessibility. This is meant to accompany my Introduction to Accessibility workshop but my hope is that it will stand fine on its own.

HTML-Lint - A code quality bookmarklet and command-line tool

  •    HTML

HTML-Lint is a tool designed to supplement HTML validation by identify coding practices that pass validation, but are less than ideal. Available on NPM: npmjs.com/package/html-lint: npm install html-lint -g.


iron-a11y-keys-behavior - A behavior that enables keybindings for greater a11y

  •    HTML

Polymer.IronA11yKeysBehavior provides a normalized interface for processing keyboard commands that pertain to WAI-ARIA best practices. The element takes care of browser differences with respect to Keyboard events and uses an expressive syntax to filter key presses. See: Documentation, Demo.

a11y-nutrition-cards - Nutrition Cards for Accessible Components

  •    HTML

A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide. Thank you very much for your interest in this project. While I won't be prompt, there's like a 90% chance I'd merge anything you commit.

design-system - Design system for new Proton project

  •    HTML

Proton Design system, for all Proton Projects: https://design-system-beta.netlify.com/