skills.rest
THRISHAL12345
THRISHAL12345COMMUNITY
Explore all skills by this author →
Website𝕏@DomaThrishalGitHub

accessibility

Guide VS Code feature work to add accessible help dialogs, views, and verbosity settings.

Updated Aug 27, 2026
Search Tags:#accessibility#screen reader#keyboard navigation#vs code#focus management#aria#accessible view
One-click install
npx skills add https://github.com/THRISHAL12345/Project_X --skill accessibility-thrishal12345
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/THRISHAL12345/Project_X/tree/main/apps/vscode-fork/.github/skills/accessibility
Command: npx skills add https://github.com/THRISHAL12345/Project_X --skill accessibility-thrishal12345

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers make interactive VS Code experiences usable by keyboard users and screen reader users, so new and updated UI does not exclude people who rely on assistive technologies.

Core Features & Use Cases

  • Accessibility help dialogs: Add focused help content that explains available commands, shortcuts, and screen reader interactions.
  • Accessible views: Provide plain-text, read-only alternatives for rich UI content that is difficult to read directly with a screen reader.
  • Verbosity settings and announcements: Control help-hint announcements, and use accessibility signals or ARIA messages for important UI changes.
  • Use Case: When adding a new editor panel, dialog, or custom widget in VS Code, this Skill guides you to wire keyboard navigation, ARIA labels, focus restoration, and the required accessibility help experience.

Quick Start

Add the accessibility help and keyboard support required for your new VS Code UI feature, then update its help text and verbosity setting to match the new interactions.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I add screen reader support to a new VS Code panel?▼

To add screen reader support to a VS Code panel, register an accessibility help provider and configure verbosity settings. This wires keyboard navigation and ARIA labels so interactive UI elements are properly announced to assistive technologies.

What is an accessible view in VS Code?▼

An accessible view in VS Code is a plain-text, read-only alternative for rich UI content. It provides screen reader users a format that is easier to read directly, bypassing complex interactive widgets that are difficult to navigate.

How do I configure verbosity settings and announcements for VS Code UI changes?▼

Configure verbosity settings to control help-hint announcements, and use accessibility signals or ARIA messages for important UI changes. This ensures screen reader users receive appropriate notifications when workbench features update.

When do I need to implement focus restoration for VS Code widgets?▼

Implement focus restoration for VS Code widgets when dialogs or custom editors close, ensuring keyboard users return to the correct UI element. This maintains logical navigation flow when transitioning away from interactive features.

Does VS Code require keyboard navigation for custom dialog widgets?▼

Yes, VS Code requires custom dialog widgets to support keyboard navigation and ARIA labels. Providing localized instructions that describe feature commands and interactions ensures the dialog is fully accessible to keyboard-only users.

How do I provide accessible help content for VS Code feature interactions?▼

Provide accessible help content by registering a help-provider that delivers focused help dialogs. These dialogs should explain available commands, shortcuts, and specific screen reader interactions for the feature.

Related Skills

Explore More Software Engineering Skills→
kjgarzakjgarza
3

vscode-extension-builder

Scaffold VS Code extensions with Yeoman templates and TypeScript configuration.

Community
Advanced
sigitpoerwosigitpoerwo

accessibility

Enforce accessibility guidelines for VS Code interactive UI surfaces.

Community
Intermediate
BWCbewchanBWCbewchan
5

web-accessibility

Implement WCAG-aligned ARIA patterns and keyboard navigation in web applications.

Community
Intermediate
guichefferguicheffer
3

rn-accessibility

Implement accessibility labels, roles, and hints for React Native components.

Community
Intermediate