home/categories/frontend/dylantarre-design-system-skills-skills-accessibility-focus-states-skill-md

frontenddevelopment

focus-states

Name: focus-states
Author: dylantarre

Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.

ソースを表示 frontend

maintainer

dylantarre

更新日 12/30/2025

スター

フォーク

quick start

Installation and usage

Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.

インストール

$ install --globalskills.sh

使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます：

skills use focus-states