frontend-a11y

Solid

Deep accessibility (a11y) audit of a webpage or static HTML/CSS, mapped to the full Front-End-Checklist Accessibility category (95 rules) — far beyond the ~12 basic rules in frontend-perfection. Runs offline static checks (Python stdlib, no browser/network) for structure, ARIA validity, headings, landmarks, tables, forms, media tracks, lists, and CSS signals; documents an optional Playwright+axe-core runtime runner for computed contrast, focus order, live regions, modal traps, and reflow; and lists manual screen-reader checks. Use it to audit, fix, or verify accessibility: 'accessibility audit', 'a11y check', 'wcag', 'wcag audit', 'wcag compliance', 'axe', 'contrast check', 'aria', 'screen reader test', 'keyboard navigation', 'keyboard trap', 'focus trap', 'accessibility testing', 'make it accessible', 'check this page for a11y', 'проверь доступность', 'глубокая доступность'. Also triggered when the /frontend orchestrator or mobile-frontend needs the deep a11y domain.

Web & Frontend 5 stars 0 forks Updated today MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
26
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# frontend-a11y `frontend-perfection` owns measurable *layout/perf/SEO/tokens* polish and only touches ~12 basic a11y rules (img-alt, button/link-name, form-label, aria-valid, landmark-unique, plus lang/dir/headings). This skill owns the **deep** accessibility domain — the full Front-End-Checklist *Accessibility* category (**95 rules**), split into three checkable tiers so the right tool runs at the right time. - **static** — offline Python (`scripts/a11y_audit.py`), no browser, no network. Markup structure, ARIA validity, headings, landmarks, tables, forms, media tracks, lists, and a few CSS signals. - **runtime** — Playwright + axe-core (`scripts/a11y_axe.mjs`, optional npm deps). Computed contrast, ARIA parent/child relationships, live regions, focus order, modal traps, reflow at 400% zoom, touch targets. - **manual** — screen-reader testing and human-judgement rules (NVDA/JAWS/ VoiceOver/TalkBack, plain language, seizure flashing). Checklist-only; the report records them as `severity: manual` so they are not silently skipped. ## When to use - User asks to "audit accessibility", "check WCAG", "run axe", "test keyboard navigation", "find focus traps", "verify contrast", "проверь доступность". - The `/frontend` orchestrator routes the a11y domain here; `mobile-frontend` calls it for touch-target / orientation / reflow checks. - After `frontend-perfection` passes its 12 basic rules and you need the other 83. ## Composition - **vs `frontend-perfection`** ...

Details

Author
bestdeejay-design
Repository
bestdeejay-design/agent-skills
Created
1 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

frontend-a11y-audit

Audit and fix web accessibility against WCAG 2.2 AA — keyboard operability, focus management, ARIA correctness, screen reader semantics, contrast, and forms — producing findings mapped to specific success criteria with working code fixes. Use this skill whenever the user mentions accessibility, a11y, WCAG, ADA or EAA compliance, screen readers, keyboard navigation, focus traps, ARIA attributes, color contrast, axe or Lighthouse accessibility scores, or asks whether a component like a modal, dropdown, tab set, or custom control is accessible.

0 Updated 1 weeks ago
jayeshsojitra103
AI & Automation Solid

frontend-perfection

Audit and polish frontend (static HTML/CSS/JS or built SPA) to measurable perfection: real-Chrome Lighthouse >=13 runs (mobile+desktop, no Playwright internals), SEO meta layer, WCAG contrast by computed luminance, heading order, a11y checks (axe-core subset), back-to-top navigation, design tokens (zero raw hex), adaptive checks, OG-image generation, plus Security/Privacy/i18n static coverage (HTTPS/mixed content, CSP, SRI, security headers, noopener, secrets-in-URL, cookie consent, i18n lang/dir/Intl). Front-End Checklist-inspired. Triggers: 'frontend audit', 'perfect the layout', 'lighthouse check', 'make it 100/100/100/100', 'audit the page', 'fix performance', 'contrast check', 'design tokens', 'og image', 'security headers', 'privacy', 'https', 'mixed content', 'CSP', 'SRI', 'i18n', 'internationalization', 'social share meta'.

5 Updated today
bestdeejay-design