438 Open source projects that are alternatives of or similar to vue-focus-loop

A library of bare & accessible components and tools for Vue.js 3

Do you find web animations distracting? Togglific provides a distraction-free web experience!

Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.

Pa11y Webservice provides scheduled accessibility reports for multiple URLs

OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.

🌈 Generate the nearest accessible color

Accessible, unstyled, open-sourced, and fully functional react component library for building design systems

Toast notifications for react.

Learn about accessible button contrast then generate your own accessible button color palette

Accordion module created in pure javascript & CSS. Very useful to create FAQ lists on your website.

💡 Ideas to help consider Inclusive Design principles when making things for others to use.

A series of HTML test cases to determine how specific elements are announced in different screen reader / browser combinations.

Mono-repo for all vanilla JavaScript utility modules and headless ui

An TTY screenreader for Linux.

A lightweight, dependency-free JavaScript module for generating progressively-enhanced collapsible regions using ARIA States and Properties.

An accessible dialog component for Svelte apps

Crawl websites for accessibility issues from the command line.

Accessibility Developer Guide

Accessible and lightweight Javascript components

Web page evaluation with a focus on accessibility

🦉 Accessibility testing framework at the next level

Accessible breadcrumb pattern

A script for an accessible accordion tabs component

A11yJSON: A standard to describe the accessibility of the physical world.

The Universal Design Online content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in Canvas by Instructure. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.

アメーバアクセシビリティガイドライン

A curate list about A11Y ♿️

jQuery Accessible Carrousel System, using ARIA

Identifies accessibility issues in HTML markup.

Web application to create domain and subdomain accessibility audits, with violation statistics.

A list of the top people to follow in web accessibility and web standards.

Automated accessibility testing using HTML_Codesniffer (WCAG and Section508)

👩🏽‍🦯🦮👩🏻‍🦽👩🏿‍🦼 the platform to exchange physical accessibility data in a standardized, future-proof, easy-to-use way.

Charts with HTML & CSS

a11ymyths.com

Static AST checker for a11y rules on JSX elements.

HTML tests for various uses, including HTML5accessibility.com and JAWS tests

A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.

A repo to organize the guidelines and best practices for accessibility at 18f.

Courses offered in web accessibility (and other learning opportunities)

WhoCanUse is a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

The A11Y Project is a community-driven effort to make digital accessibility easier.

A CSS stylesheet to quickly highlight a11y concerns.

A curated list of accessibility resources

AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.

Simple, accessible routing for Svelte

Focus on the content and structure of your HTML

Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org

Keep accessibility errors in check.

Accessible Tooltip Component

Toolkit for building accessible rich web apps with React

Pa11y Dashboard is a web interface which helps you monitor the accessibility of your websites

Easily check for website accessibility issues

This is an experiment based on Accessibility Object Model (AOM). It tries to demonstrate that it is theoretically possible (in a certain way) to predict what the screen reader will say by focusing on semantic and non semantic elements with a bit of automated testing, thus reducing the need for manual testing.

Screen reader and WCAG testing resources to maintain a consistent approach to testing and documenting behaviour.

A collection of useful tools for accessibility testing and debugging in the browser, online and desktop

Listing of accessible components & patterns

🌈 Generate the nearest accessible color with Sass.

Keep track of accessibility settings, leverage high contrast colors, and use scalable fonts to enable users with disabilities to use your app.

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.