Coder Social home page Coder Social logo

webaccessibilitychecker's Introduction

Web Accessibility Checker

Build status

Download the extension at the VS Gallery or get the CI build


The easiest way to perform accessibility checks on any ASP.NET web application. Fully customizable and support all the major international accessibility standards.

Features

  • Uses Browser Link to test the running website
  • Tests the actual DOM
  • Integrates with the Visual Studio error list
  • Supports the Web Essentials Chrome extension
  • Supported accessibility standards
    • WCAG Level A
    • WCAG Level AA
    • Section 508
    • Other best practices
  • All rules can be customzied per project/solution
  • Works with MVC, WebForms, Web Pages and ASP.NET Core projects

Connect with Browser Link

For this extension to work, make sure that Visual Studio's Browser Link is up and running. Do that by running an ASP.NET application from Visual Studio in one or more browsers.

Hovering over the Browser Link button on the Standard toolbar lets you know if Browser Link is connected.

Browser Link Tooltip

Commands

The Browser Link dropdown menu hosts the Web Accessibility Checker sub menu.

Dropdown menu

There are multiple command buttons in the menu.

Auto-Run on Page Load

This will automatically run the accessibility checker every time a page loads in the browser - any browser.

Run Now in All Browsers...

In addition to auto-running the checker on page load, doing it on demand can be helpful when you need to interact with the page to get it into a state you want to check.

This is also a great way of running on demand only if you disable Auto-Run on Page Load.

Specify Rules for Solution...

Clicking this command will add a configuration file to the solution.

a11y config file

It's a JSON file containing all the rules being run. You can customize it by adding and removing rules and there is full Intellisense for all the rules.

Config Intellisense

Settings

Some global settings can be configured in the option dialog.

Options dialog

Accessibility rules

This extensions uses the axe-core library to perform the accessibility analysis.

All rules are completely customizable and can follow the project or solution.

See the full list of rules

Error list

Errors found on the page will automatically populate the Error List in Visual Studio.

Error List integration

In some cases it is known exactly where in the source code the issue is and double-clicking the error take you straight to the location.

To clear all accessbility errors from the Error List, simply right-click and hit Clear All Accessibility Errors.

Error List context menu

Contribute

Check out the contribution guidelines if you want to contribute to this project.

For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.

License

Apache 2.0

webaccessibilitychecker's People

Contributors

madskristensen avatar slalfe avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.