frontend-aria

Étoiles4

Forks0

Mis à jour4 juillet 2026 à 10:30

Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Adimac93

Adimac93/built-with-ai

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·SOC 15-1255

SKILL.md

readonly

name	frontend-aria
description	Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements.

ARIA Guidelines

Use ARIA landmarks to identify page regions (main, navigation, search, etc.)
Apply appropriate ARIA roles to custom elements lacking semantic HTML equivalents
Set aria-expanded and aria-controls for expandable content (accordions, dropdowns)
Use aria-live regions with appropriate politeness settings for dynamic content updates
Implement aria-hidden to hide decorative or duplicative content from screen readers
Apply aria-label or aria-labelledby for elements without visible text labels
Use aria-describedby to associate descriptive text with form inputs or complex elements
Implement aria-current for indicating the current item in navigation or a process
Avoid redundant ARIA that duplicates semantics of native HTML elements
Apply aria-invalid and appropriate error messaging for form validation

Plus depuis ce dépôt

même dépôt

coding-practices-git

Adimac93/built-with-ai

Use when committing to the repository, writing commit messages, naming branches, structuring commits, or managing git history.

2026-07-044

coding-practices-github

Adimac93/built-with-ai

Use when changing GitHub configuration, setting up branch protection rules, configuring CODEOWNERS, pull request templates, or GitHub repository settings.

2026-07-044

coding-practices-monorepo

Adimac93/built-with-ai

Use when creating a new package, changing workspace configuration, setting up shared tooling, or making decisions about monorepo structure and package boundaries.

2026-07-044

devops-github-actions

Adimac93/built-with-ai

Use when configuring GitHub Actions workflows, writing CI/CD pipelines, setting up composite actions, or managing workflow secrets and environment variables.

2026-07-044

frontend-angular

Adimac93/built-with-ai

Use when writing Angular TypeScript or HTML template files. Covers modern Angular patterns: standalone components, signals, inject(), control flow syntax, and lazy loading.

2026-07-044

frontend-wcag-operable

Adimac93/built-with-ai

Use when writing front-end components that must meet WCAG 2.x operability criteria: keyboard navigation, focus management, timing, seizure prevention, and navigation patterns.

2026-07-044

name	frontend-aria
description	Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements.

ARIA Guidelines

Use ARIA landmarks to identify page regions (main, navigation, search, etc.)
Apply appropriate ARIA roles to custom elements lacking semantic HTML equivalents
Set aria-expanded and aria-controls for expandable content (accordions, dropdowns)
Use aria-live regions with appropriate politeness settings for dynamic content updates
Implement aria-hidden to hide decorative or duplicative content from screen readers
Apply aria-label or aria-labelledby for elements without visible text labels
Use aria-describedby to associate descriptive text with form inputs or complex elements
Implement aria-current for indicating the current item in navigation or a process
Avoid redundant ARIA that duplicates semantics of native HTML elements
Apply aria-invalid and appropriate error messaging for form validation