skills.rest
darwinboaventura
darwinboaventuraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility

Implement accessible UI guidelines for VS Code interactive surfaces.

Updated Feb 18, 2026
Search Tags:#accessibility#a11y#verbosity#screen-reader#aria#vs-code#help-dialog
One-click install
npx skills add https://github.com/darwinboaventura/base-vscode-copilot --skill accessibility-darwinboaventura
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/darwinboaventura/base-vscode-copilot/tree/main/.github/skills/accessibility
Command: npx skills add https://github.com/darwinboaventura/base-vscode-copilot --skill accessibility-darwinboaventura

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility guidelines for VS Code features — covers accessibility help dialogs, accessible views, verbosity settings, accessibility signals, ARIA alerts/status announcements, keyboard navigation, and ARIA labels/roles. Applies to both new interactive UI surfaces and updates to existing features. Use when creating new UI or updating existing UI features.

Core Features & Use Cases

  • Create and register Accessibility Help Dialogs that explain keyboard shortcuts and interactions.
  • Implement Accessible View to present visual content as text for screen readers.
  • Configure Accessibility Verbosity Settings to control hints like "open accessibility help" and ensure consistent signaling.

Quick Start

Set up and implement an accessibility framework for a new VS Code feature by creating a help dialog, an accessible view, and a verbosity setting.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I make a VS Code panel accessible for screen readers?▼

To make a VS Code panel accessible for screen readers, implement an Accessible View to present visual content as text and apply ARIA roles and labels for proper screen reader navigation.

What is an accessibility help dialog in VS Code?▼

An accessibility help dialog in VS Code is a registered UI component that explains keyboard shortcuts and interactions to users, ensuring they understand how to navigate new interactive surfaces.

How do I configure accessibility verbosity settings in VS Code?▼

Configure accessibility verbosity settings in VS Code to control user interface hints like the "open accessibility help" prompt, ensuring consistent signaling and screen reader announcements.

When should I apply ARIA attributes to VS Code features?▼

Apply ARIA attributes to VS Code features when creating new interactive UI surfaces such as panels, dialogs, and views, or when updating existing features to ensure screen reader operability.

Does this support keyboard operability for VS Code dialogs?▼

Yes, this supports keyboard operability for VS Code dialogs by defining required components and accessibility safety checks that ensure users can navigate interactive surfaces without a mouse.

What are the limitations when adding accessibility signals to existing VS Code views?▼

Limitations when adding accessibility signals to existing VS Code views include ensuring localization considerations are met and that ARIA alerts and status announcements do not overwhelm screen reader output.

Related Skills

Explore More Software Engineering Skills→
Alex1980AlexAlex1980Alex

claude-code-vscode

Integrates Claude Code into VS Code for in-editor coding assistance.

Community
Advanced
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate
tbartel74tbartel74
14

react-tailwind-vigil-ui

Build React 18, Vite, and Tailwind CSS v4 frontend interfaces for Vigil Guard configuration.

Community
Advanced
ryan-nguyen-01ryan-nguyen-01
4

skill-ui-accessibility

Analyze web UI structure, semantics, and ARIA usage for accessibility gaps.

Community
Advanced