mgifford/accessibility-skills
32 skills · 1,448 total installs
$npx skills add mgifford/accessibility-skillsSkillInstalls
color-contrastLoad this skill whenever the project contains text, UI components, icons, form controls, data visualisations, or focus indicators — in short, almost every…formsLoad this skill whenever the project contains forms, inputs, selects, checkboxes, radio buttons, text areas, or any validation flow.keyboardLoad this skill for every project containing interactive UI elements — buttons, links, modals, dropdowns, sliders, tabs, carousels, or any custom widget.light-dark-modeLoad this skill whenever the project supports light/dark mode, colour theme switching, high-contrast mode, or responds to prefers-color-scheme.ACCESSIBILITY-generalLoad this skill immediately whenever a project contains an ACCESSIBILITY.md file, or whenever you are contributing to the mgifford/ACCESSIBILITY.md repository.image-alt-textLoad this skill whenever the project contains <img> elements, inline SVGs used as content images, CSS background images that convey meaning, or icon fonts.touch-pointerLoad this skill whenever the project contains interactive UI elements that users touch, tap, click, drag, swipe, or gesture with — buttons, links,…navigationLoad this skill whenever the project contains navigation components — primary navigation menus, dropdown menus, mega menus, breadcrumbs, pagination, mobile…tooltipsLoad this skill whenever the project contains tooltip components, hover- triggered informational popups, title attribute tooltips, or any content revealed on…aria-live-regionsLoad this skill whenever the project contains dynamic content updates, status messages, alerts, notifications, loading indicators, or any use of aria-live,…svgLoad this skill whenever the project contains SVG graphics — inline SVGs, external SVG files, SVG icons, SVG illustrations, or SVG-based data visualizations.tablesLoad this skill whenever the project contains HTML data tables (<table> elements). Under no circumstances use tables for layout purposes.content-designLoad this skill whenever writing, editing, or reviewing any web content, copy, headings, labels, error messages, or instructions.anchor-linksLoad this skill whenever the project contains in-page anchor links, skip links, fragment identifiers, or heading links.audio-videoLoad this skill whenever the project contains audio or video content, media players, podcasts, video embeds, or any <audio>/<video> elements.bug-reportingLoad this skill whenever you are filing, reviewing, or generating accessibility bug reports — whether from automated tool output, manual testing, user reports,…manual-testingLoad this skill whenever you are planning, executing, or reviewing manual accessibility testing.progressive-enhancementLoad this skill when building any web feature, reviewing architecture decisions, or evaluating JavaScript dependencies.charts-graphsLoad this skill whenever the project contains charts, graphs, data visualizations, infographics, or any visual representation of data (bar charts, line charts,…ci-cdLoad this skill when configuring or reviewing CI/CD pipelines, GitHub Actions workflows, or automated testing setups.plain-languageLoad this skill whenever the project involves writing, editing, or reviewing content for a general audience, including UI copy, help text, error messages,…mapsLoad this skill whenever the project contains static or interactive maps, embedded map widgets (Google Maps, Leaflet, Mapbox, OpenStreetMap), or any geographic…mermaidLoad this skill whenever the project uses Mermaid diagrams — flowcharts, sequence diagrams, class diagrams, Gantt charts, or any Mermaid-rendered…printLoad this skill whenever the project includes print stylesheets, print media queries (@media print), or any content intended for physical printing.user-personalizationLoad this skill whenever the project has personalization features, user preference controls, theme selectors, font size adjusters, motion toggles, contrast…axe-rulesLoad this skill when configuring axe-core scans, reviewing automated accessibility test results, or writing tests that use @axe-core/playwright,…opquast-digital-qualityApply the Opquast Digital Quality Framework (245 rules, 14 categories) when building, reviewing, or auditing websites and web applications.cli-auditAudit live URLs using Playwright and Axe combined with WCAG skillsspeech-recognitionLoad this skill whenever the project must support speech input or voice control — dictation, "click by voice" grammars, Dragon NaturallySpeaking, Voice Control…behavioral-a11yLoad this skill when writing, reviewing, or interpreting behavioral accessibility automation — tests that manipulate a rendered page (resizing the viewport,…criticThe Critic reviews accessibility decisions to ensure they meet professional standards and evidence requirements.plannerThe Planner identifies and categorizes accessibility findings, making them actionable for human professionals while maximizing automation where possible.