Run any Skill in Manus with one click

frontend-wcag-understandable

Stars4

Forks0

UpdatedJuly 4, 2026 at 10:30

Use when writing front-end components that must meet WCAG 2.x understandability criteria: language declaration, consistent navigation, form labels, error handling, and clear UX patterns.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Adimac93

Adimac93/built-with-ai

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

SKILL.md

readonly

name	frontend-wcag-understandable
description	Use when writing front-end components that must meet WCAG 2.x understandability criteria: language declaration, consistent navigation, form labels, error handling, and clear UX patterns.

WCAG Understandable Guidelines

Specify page language and any language changes using lang attributes
Ensure components with the same functionality behave consistently across the application
Provide clear labels, instructions, and error messages for user inputs
Implement error prevention for submissions with legal or financial consequences (confirmation, review, undo)
Make navigation consistent with predictable patterns for menus and interactive elements
Ensure receiving focus or changing settings does not automatically trigger unexpected context changes
Design context-sensitive help for complex interactions
Use clear language; define unusual terms, abbreviations, and jargon
Provide visual and programmatic indication of current location within navigation

More from this repository

same repository

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-aria

Adimac93/built-with-ai

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

2026-07-044

name	frontend-wcag-understandable
description	Use when writing front-end components that must meet WCAG 2.x understandability criteria: language declaration, consistent navigation, form labels, error handling, and clear UX patterns.

WCAG Understandable Guidelines

Specify page language and any language changes using lang attributes
Ensure components with the same functionality behave consistently across the application
Provide clear labels, instructions, and error messages for user inputs
Implement error prevention for submissions with legal or financial consequences (confirmation, review, undo)
Make navigation consistent with predictable patterns for menus and interactive elements
Ensure receiving focus or changing settings does not automatically trigger unexpected context changes
Design context-sensitive help for complex interactions
Use clear language; define unusual terms, abbreviations, and jargon
Provide visual and programmatic indication of current location within navigation