vscode-accessibility

Implement ARIA roles, labels, and focus management in VS Code extension UIs.

Updated Feb 14, 2026
One-click install
npx skills add https://github.com/Ms1black/educational-repository-v4 --skill vscode-accessibility
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vscode-accessibility
Source: https://github.com/Ms1black/educational-repository-v4/tree/main/.cursor/skills/vscode-accessibility
Command: npx skills add https://github.com/Ms1black/educational-repository-v4 --skill vscode-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of making complex VS Code extension interfaces accessible to screen reader users and keyboard navigation, improving usability for users with disabilities.

Core Features & Use Cases

  • Accessibility Support for UI Components: Implements help dialogs, accessible views, and verbosity settings to guide and assist users navigating or reviewing UI features.
  • Screen Reader Compatibility: Ensures that visual content such as panels, dialogs, and notifications can be effectively read aloud, enabling inclusive development workflows.
  • Use Case: When adding a new interactive UI element in a VS Code extension, this Skill guides developers to implement accessibility features like ARIA labels and keyboard navigation for better user experience.

Quick Start

Use the vscode-accessibility skill to add accessibility support to your extension UI components.

Frequently Asked Questions about vscode-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add screen reader support to VS Code extension UI components?

To add screen reader support to VS Code extension UIs, implement ARIA roles, labels, and focus management. This ensures visual content like panels and notifications are read aloud, enabling inclusive development workflows.

Can I implement keyboard navigation for custom VS Code extension views?

Yes, you can implement keyboard navigation for custom VS Code extension views by integrating accessibility patterns. This involves configuring focus management and ARIA properties to support inclusive user interactions without a mouse.

What is an accessible view in VS Code and when do I need it?

An accessible view in VS Code is a UI pattern that ensures screen reader compatibility for complex visual content. You need it when adding interactive elements so users can effectively review UI features audibly.

How do I configure verbosity settings for screen readers in a VS Code extension?

You configure verbosity settings for screen readers by implementing configurable accessibility options within your extension. This guides and assists users navigating or reviewing UI features by adjusting the level of auditory detail provided.

Does VS Code support ARIA labels for extension dialogs and notifications?

Yes, VS Code supports ARIA labels for extension dialogs and notifications. Implementing these accessibility features ensures that visual content can be effectively read aloud, complying with accessibility standards for all users.

How do I create help dialogs for accessible VS Code extensions?

You create help dialogs for accessible VS Code extensions by utilizing integrated accessibility patterns. This assists users navigating UI features and ensures compliance with inclusive user interaction standards.