Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Accessibility DevToolsNew to Visual Studio Code? Get it now.
Accessibility DevTools

Accessibility DevTools

browserstack.com

browserstack.com
|
30 installs
| (0) | Free
Detect and fix WCAG issues in Visual Studio Code with Accessibility DevTools
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Installation

To install the VSCode extension, follow these steps:

  1. Open VS Code.
  2. Press Ctrl+Shift+X or Cmd+Shift+X to open the Extensions panel.
  3. Type Accessibility DevTools into the search bar.
  4. Click on the Accessibility DevTools extension.
  5. Click the Install button.

Alternatively, you can download the extension from the Visual Studio Code Marketplace.

Setup

In order to use the extension

  1. Sign up on browserstack.com
  2. Get your Username and Access Key by logging in to browserstack.com and going to Profile → Account & Profile → My Profile → Authentication & Security
  3. Open VS Code
  4. Press Ctrl+Shift+P or Cmd+Shift+P, search for Preferences: Open User Settings, and press Enter
  5. Once the settings page open, click on Open Settings(JSON) in the top right of the menu bar
  6. Enter the Username and Access Key (from Step 2) in the following format:
{
  "browserstack.username": "******************",
  "browserstack.accessKey": "********************"

  ...
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft