ChatGPT a11y-checklist skill for form labels and keyboard focus
Review supplied component markup and keyboard observations for accessible names, semantics, focus, and errors. Turn findings into a review checklist.
中文Install in ChatGPT
A ChatGPT workspace with skill creation enabled. The example uses only the supplied plain-text material.
- In a ChatGPT workspace with skill creation enabled, open Plugins → Skills → Create → Create with editor.
- Create a skill in the editor and adapt the text-only `a11y-checklist` workflow from the pinned GitHub source into its instructions.
- Save the skill, then type @ in a new chat to select it and try the example.
Example task
Manually select a11y-checklist and use these fictional filter dialog observations to identify fixes.
component `Filters` overlay | opening control `Open filters` | keyboard trace `Tab leaves dialog before close`
input `Region` has placeholder only | no visible focus style when tabbingWhat to check
Give `Region` a persistent accessible label. Fix `Tab leaves dialog before close`, return focus to `Open filters` on close, and make keyboard focus visible.
Original SKILL.md on GitHub · Updated
Frequently asked question
How do I record an input that only has placeholder text?
Flag the missing accessible label. Associate a persistent label with the field and check the result with keyboard and assistive technology.