https://github.com/ruslansagitov/loud

Web accessibility testing helper
https://github.com/ruslansagitov/loud

accessibility testing

Last synced: 3 months ago
JSON representation

Web accessibility testing helper

• Host: GitHub
• URL: https://github.com/ruslansagitov/loud
• Owner: ruslansagitov
• License: mit
• Created: 2014-06-17T13:25:49.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2024-03-15T20:43:38.000Z (11 months ago)
• Last Synced: 2024-10-11T10:53:40.282Z (4 months ago)
• Topics: accessibility, testing
• Language: JavaScript
• Homepage:
• Size: 1.36 MB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Loud [![Build Status](https://github.com/ruslansagitov/loud/actions/workflows/test.yaml/badge.svg)](https://github.com/ruslansagitov/loud/actions/workflows/test.yaml) [![Coverage Status](https://coveralls.io/repos/ruslansagitov/loud/badge.svg)](https://coveralls.io/r/ruslansagitov/loud) [![Code Climate](https://codeclimate.com/github/ruslansagitov/loud/badges/gpa.svg)](https://codeclimate.com/github/ruslansagitov/loud)

Web accessibility testing helper

## What is it?

Loud is a JavaScript library for browser, which helps track regression

of accessibility.

Loud ships under terms of the MIT License.

## Why do I need it?

You break HTML pages on elements. Each element you can create in

different ways. For example, you can create a button like this (with

a little bit of JavaScript):

```html



```

From accessibility point of view, this is a button. Later, you decide to

change the button to something like this:

```html

Join

```

From accessibility point of view, this is also a button and both buttons

are the same.

Loud knows how elements look like from the accessibility point of view.

You can use this information to track accessibility regression of your

web pages.

## Getting Started

Get a release tarball, or clone the repository, or use [npm][] and

[browserify][], or [bower][]:

```

bower install loud --save-dev

```

Add `./dist/loud.js` to a testing page:

```html

```

Test with Loud (using [Jasmine][], for example):

```js

describe('loud', function() {

    beforeEach(function() {

        this.button = document.createElement('button');

        this.button.innerHTML = 'Join';

        document.body.appendChild(this.button);

    });

    afterEach(function() {

        document.body.removeChild(this.button);

    });

    it('works', function() {

        expect(loud.say(this.button)).toEqual(['Join', 'button']);

    });

});

```

## Going Further

Read the full documentation on [loud.readthedocs.io][].

 [npm]:  "npm — A package manager for JavaScript"

 [browserify]:  "browserify — Browser-side require() the Node.js way"

 [bower]:  "Bower — A package manager for the web"

 [Jasmine]:  "Jasmine — Behavior-Driven JavaScript"

 [loud.readthedocs.io]:  "Loud Documentation"