form-labelling
CommunityCreate accessible, clearly labeled web forms.
Authorhulusi-tunc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Every form field needs a visible, persistent label that is programmatically associated with the input. This is the single most common accessibility failure on the web — and the easiest to fix.
Core Features & Use Cases
- Ensure every input has a visible label with for/id association.
- Use fieldsets and legends to group related fields (radio groups, checkboxes, address blocks).
- Indicate required fields visually and programmatically with aria-required attributes and clear labeling.
- Provide accessible help text via aria-describedby and ensure error messages are linked to their fields.
- Structure complex forms with headings and logical sections to improve screen reader navigation.
Quick Start
Begin by adding a visible label for each input using for/id associations and grouping related fields with fieldset and legend.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: form-labelling Download link: https://github.com/hulusi-tunc/unicorn-skills/archive/main.zip#form-labelling Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.