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