detecting-accessibility-issues

Installation
SKILL.md

Accessibility Expert for Webviews

Verify and fix accessibility in React/Fluent UI webview components.

When to Use

  • Review webview code for accessibility issues
  • Fix double announcements from screen readers
  • Add missing aria-label to icon-only buttons or form inputs
  • Make tooltips accessible to keyboard/screen reader users
  • Announce status changes (loading, search results, errors)
  • Manage focus when dialogs/modals open
  • Group related controls with proper labels

Core Pattern: Tooltip Accessibility

Tooltips require aria-label + aria-hidden to avoid double announcements:

Installs
1
GitHub Stars
28
First Seen
Jul 10, 2026
detecting-accessibility-issues — microsoft/vscode-documentdb