Run any Skill in Manus with one click

ux-accessibility

Stars0

Forks0

UpdatedFebruary 20, 2026 at 23:42

Review or implement UI/visual changes with accessibility checks (keyboard, focus, contrast, ARIA, motion). Use for any new UI elements or visual updates.

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

laurenceputra

laurenceputra/goal-portfolio-viewer

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

File Explorer

2 files

SKILL.md

readonly

name	ux-accessibility
description	Review or implement UI/visual changes with accessibility checks (keyboard, focus, contrast, ARIA, motion). Use for any new UI elements or visual updates.
license	MIT
tags	["accessibility","ux","ui"]
allowed-tools	["markdown"]
metadata	{"author":"laurenceputra","version":"1.0.0"}

UX Accessibility

Review UI changes for accessibility and inclusive design.

Workflow

Verify keyboard and focus behavior.
Check contrast and semantics.
Confirm motion settings.

Modal & Keyboard Checklist (Repo)

Focus management: trap focus within modal, set initial focus, restore focus on close, allow Escape to close when permitted.
ARIA dialog semantics: role="dialog", aria-modal="true", aria-labelledby for titles, aria-describedby for helper text or errors.
Keyboard activation: all custom controls respond to Enter/Space, visible focus styles on all interactive elements.
Live feedback: use role="status"/aria-live for updates and role="alert" for errors.

Output Format

Findings
Recommendations

References

Accessibility checklist

More from this repository

same repository

code-review

laurenceputra/goal-portfolio-viewer

Expert code reviewer with deep knowledge of software engineering best practices, design patterns, and code quality standards. Use this skill when reviewing code changes, pull requests, or conducting code quality assessments.

2026-05-260

qa-testing

laurenceputra/goal-portfolio-viewer

QA engineer with expertise in software testing methodologies, test design, and quality assurance practices. Use this skill when planning tests, writing test cases, or improving test coverage and quality.

2026-05-260

security-risk

laurenceputra/goal-portfolio-viewer

Combine security scanning and threat modeling for changes involving data handling, API interception, sync, storage, authentication, or encryption.

2026-05-260

review-fix-loop

laurenceputra/goal-portfolio-viewer

Required workflow for handling review findings with classification, focused fixes, verification, fresh-context subagent review, and PR artifact updates.

2026-04-250

ci-failure-triage

laurenceputra/goal-portfolio-viewer

Required workflow for failed or inconclusive CI checks, including artifact-first diagnosis, failure classification, remediation, and check re-watch.

2026-04-240

pr-completion

laurenceputra/goal-portfolio-viewer

Required finalization workflow before declaring a PR ready, including artifact currency, closed review-fix loops, pushed commits, green checks, and final status reporting.

2026-04-240

name	ux-accessibility
description	Review or implement UI/visual changes with accessibility checks (keyboard, focus, contrast, ARIA, motion). Use for any new UI elements or visual updates.
license	MIT
tags	["accessibility","ux","ui"]
allowed-tools	["markdown"]
metadata	{"author":"laurenceputra","version":"1.0.0"}

UX Accessibility

Review UI changes for accessibility and inclusive design.

Workflow

Verify keyboard and focus behavior.
Check contrast and semantics.
Confirm motion settings.

Modal & Keyboard Checklist (Repo)

Focus management: trap focus within modal, set initial focus, restore focus on close, allow Escape to close when permitted.
ARIA dialog semantics: role="dialog", aria-modal="true", aria-labelledby for titles, aria-describedby for helper text or errors.
Keyboard activation: all custom controls respond to Enter/Space, visible focus styles on all interactive elements.
Live feedback: use role="status"/aria-live for updates and role="alert" for errors.

Output Format

Findings
Recommendations

References

Accessibility checklist