https://github.com/mvdschee/web-accessibility

A Visual Studio Extension for Web accessibility
https://github.com/mvdschee/web-accessibility

audit extension language-server typescript visual-studio-code web-accessibility

Last synced: 2 months ago
JSON representation

A Visual Studio Extension for Web accessibility

• Host: GitHub
• URL: https://github.com/mvdschee/web-accessibility
• Owner: mvdschee
• License: mit
• Created: 2018-11-12T13:20:58.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2023-04-29T20:32:00.000Z (over 1 year ago)
• Last Synced: 2024-10-21T23:52:01.074Z (2 months ago)
• Topics: audit, extension, language-server, typescript, visual-studio-code, web-accessibility
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=MaxvanderSchee.web-accessibility
• Size: 526 KB
• Stars: 70
• Watchers: 5
• Forks: 12
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Web Accessibility Extension - Visual Studio Code

[![The MIT License](https://flat.badgen.net/badge/license/MIT/orange)](http://opensource.org/licenses/MIT)

[![GitHub](https://flat.badgen.net/github/release/mvdschee/web-accessibility)](https://github.com/mvdschee/web-accessibility/releases)

[![Visual Studio Marketplace](https://flat.badgen.net/vs-marketplace/i/MaxvanderSchee.web-accessibility)](https://marketplace.visualstudio.com/items?itemName=MaxvanderSchee.web-accessibility)

## ⚠️ _This project is no longer being actively developed or maintained._ ⚠️

### So I heard you wanted to write more accessible code? Well, you came to the right Extension!

> This extension is here to help you get feedback on what parts need some more attention for it to be accessible, this is just the basics and doesn't cover all the rules but will help with making your project more accessible.

## ✨Features

![](./web-accessibility.gif)

The extension can do the following for you:

-   Highlight elements that you should consider changing.

-   Give a hint on how you should change it.

## 🔒Extension Settings

The settings can be found at `File > Preferences > Settings > Extensions > Web Accessibility`

| Settings               | Type    | Default |

| ---------------------- | ------- | ------- |

| Max Number Of Problems | number  | 100     |

| Semantic HTML          | boolean | true    |

## 📝Release Notes

All notable changes to this project will be documented in the [Changelog](./CHANGELOG.md).

## Develop

1. type in the terminal:

    ```bash

    # install dependencies

    $ npm install

    ```

2. Open debug panel in VScode and `RUN` "Launch Client"

3. Open a project which contains a `HTML` file and see the linting in action.

4. Build `vsce package`

5. Publish `vsce publish`

## 💚License

Do what you want with the code it's MIT Licensed!

## 😄Misc

Follow Me: [Medium](https://medium.com/@maxvanderschee), [GitHub](https://github.com/mvdschee), [Twitter](https://twitter.com/maxvanderschee)

[© Max van der Schee 2018](https://maxvanderschee.nl)