SkillsAdd

Source

mgifford/accessibility-skills

31 skills · 3.3K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
keyboard Load this skill for every project containing interactive UI elements — buttons, links, modals, dropdowns, sliders, ta…
mgifford/accessibility-skills
150
2
forms Load this skill whenever the project contains forms, inputs, selects, checkboxes, radio buttons, text areas, or any v…
mgifford/accessibility-skills
146
3
color-contrast Load this skill whenever the project contains text, UI components, icons, form controls, data visualisations, or focu…
mgifford/accessibility-skills
144
4
accessibility-general Load this skill immediately whenever a project contains an ACCESSIBILITY.md file, or whenever you are contributing to…
mgifford/accessibility-skills
122
5
light-dark-mode Load this skill whenever the project supports light/dark mode, colour theme switching, high-contrast mode, or respond…
mgifford/accessibility-skills
122
6
plain-language Load this skill whenever the project involves writing, editing, or reviewing content for a general audience, includin…
mgifford/accessibility-skills
120
7
touch-pointer Load this skill whenever the project contains interactive UI elements that users touch, tap, click, drag, swipe, or g…
mgifford/accessibility-skills
120
8
image-alt-text Load this skill whenever the project contains <img> elements, inline SVGs used as content images, CSS background imag…
mgifford/accessibility-skills
119
9
aria-live-regions Load this skill whenever the project contains dynamic content updates, status messages, alerts, notifications, loadin…
mgifford/accessibility-skills
117
10
tooltips Load this skill whenever the project contains tooltip components, hover- triggered informational popups, title attrib…
mgifford/accessibility-skills
116
11
svg Load this skill whenever the project contains SVG graphics — inline SVGs, external SVG files, SVG icons, SVG illustra…
mgifford/accessibility-skills
115
12
tables Load this skill whenever the project contains HTML data tables (<table> elements). Under no circumstances use tables …
mgifford/accessibility-skills
113
13
charts-graphs Load this skill whenever the project contains charts, graphs, data visualizations, infographics, or any visual repres…
mgifford/accessibility-skills
112
14
navigation Load this skill whenever the project contains navigation components — primary navigation menus, dropdown menus, mega …
mgifford/accessibility-skills
112
15
manual-testing Load this skill whenever you are planning, executing, or reviewing manual accessibility testing. Manual testing with …
mgifford/accessibility-skills
107
16
axe-rules Load this skill when configuring axe-core scans, reviewing automated accessibility test results, or writing tests tha…
mgifford/accessibility-skills
106
17
content-design Load this skill whenever writing, editing, or reviewing any web content, copy, headings, labels, error messages, or i…
mgifford/accessibility-skills
106
18
anchor-links Load this skill whenever the project contains in-page anchor links, skip links, fragment identifiers, or heading link…
mgifford/accessibility-skills
103
19
progressive-enhancement Load this skill when building any web feature, reviewing architecture decisions, or evaluating JavaScript dependencie…
mgifford/accessibility-skills
103
20
audio-video Load this skill whenever the project contains audio or video content, media players, podcasts, video embeds, or any <…
mgifford/accessibility-skills
102
21
user-personalization Load this skill whenever the project has personalization features, user preference controls, theme selectors, font si…
mgifford/accessibility-skills
102
22
bug-reporting Load this skill whenever you are filing, reviewing, or generating accessibility bug reports — whether from automated …
mgifford/accessibility-skills
101
23
maps Load this skill whenever the project contains static or interactive maps, embedded map widgets (Google Maps, Leaflet,…
mgifford/accessibility-skills
100
24
ci-cd Load this skill when configuring or reviewing CI/CD pipelines, GitHub Actions workflows, or automated testing setups.…
mgifford/accessibility-skills
99
25
opquast-digital-quality Apply the Opquast Digital Quality Framework (245 rules, 14 categories) when building, reviewing, or auditing websites…
mgifford/accessibility-skills
99
26
print Load this skill whenever the project includes print stylesheets, print media queries (@media print), or any content i…
mgifford/accessibility-skills
98
27
mermaid Load this skill whenever the project uses Mermaid diagrams — flowcharts, sequence diagrams, class diagrams, Gantt cha…
mgifford/accessibility-skills
96
28
behavioral-a11y Load this skill when writing, reviewing, or interpreting behavioral accessibility automation — tests that manipulate …
mgifford/accessibility-skills
62
29
speech-recognition Load this skill whenever the project must support speech input or voice control — dictation, "click by voice" grammar…
mgifford/accessibility-skills
61
30
cli-audit Audit live URLs using Playwright and Axe combined with WCAG skills
mgifford/accessibility-skills
59
31
upstream-first Load this skill before implementing a fix for a barrier that may originate in a shared component, design system, rend…
mgifford/accessibility-skills
48