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