skills.rest
MAX5271
MAX5271COMMUNITY
Explore all skills by this author →
GitHub

cometchat-a11y

Audit CometChat UI Kit integrations for WCAG 2.1 AA accessibility compliance.

Updated May 28, 2026
Search Tags:#accessibility#keyboard navigation#color contrast#focus management#reduced motion#live regions#wcag 2.1 aa
One-click install
npx skills add https://github.com/MAX5271/CometChat --skill cometchat-a11y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cometchat-a11y
Source: https://github.com/MAX5271/CometChat/tree/main/.agents/skills/cometchat-a11y
Command: npx skills add https://github.com/MAX5271/CometChat --skill cometchat-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility gaps around CometChat UI Kit integrations can silently break keyboard navigation, focus behavior, screen reader announcements, contrast compliance, and reduced-motion preferences, causing real users to be unable to use the chat safely and effectively.

Core Features & Use Cases

  • WCAG 2.1 AA-focused integration guidance for production UI wiring (not just kit components), covering keyboard navigation, focus management, and accessible announcements.
  • Cross-family accessibility checks that apply wherever an agent integration is verifying accessibility: React, React Native, Angular, Android (v5/v6), iOS, and Flutter.
  • Common a11y failure mode coverage, including theme contrast audits, live region message announcements, focus on chat entry, keyboard activation patterns, and prefers-reduced-motion/reduced motion handling.

Use case: You ship a themed chat experience where custom colors and custom wrappers regress accessibility; this skill helps you identify and fix the typical production issues that cause screen reader and keyboard users to miss messages or get stuck.

Quick Start

Ask the assistant to generate an accessibility integration checklist for your CometChat customization, ensuring WCAG 2.1 AA compliance for keyboard, focus, live announcements, contrast, and reduced motion.

Frequently Asked Questions about cometchat-a11y

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make CometChat integrations WCAG 2.1 AA compliant?▼

To make CometChat integrations WCAG 2.1 AA compliant, apply live regions for message announcements, explicit focus routing, keyboard-activatable controls, contrast ratio checks, and OS-level reduced-motion guards across web and native families.

Why does my custom chat theme break keyboard navigation and screen reader focus?▼

Custom chat themes break keyboard navigation and screen reader focus when accessibility gaps in UI wiring regress focus behavior. Fixing this requires explicit focus routing and keyboard interaction patterns for chat entry and conversation list controls.

Does this accessibility guidance work with React Native and Flutter chat UIs?▼

Yes, cross-family accessibility checks apply to React Native and Flutter chat UIs, alongside React, Angular, Android (v5/v6), and iOS, verifying platform announcement APIs, focus management, and reduced-motion behavior.

How do I implement prefers-reduced-motion guards in a chat UI?▼

Implement prefers-reduced-motion guards in a chat UI by applying OS-level reduced-motion checks that detect user preferences and disable non-essential animations during chat and call UI integration tasks.

How do I test color contrast ratios in themed chat experiences?▼

Test color contrast ratios in themed chat experiences by running theme contrast audits during chat UI integration tasks, verifying that custom colors meet WCAG 2.1 AA targets before production UI wiring.

Related Skills

Explore More Design & Creative Skills→
MAX5271MAX5271

cometchat

Detect app frameworks and generate CometChat integration code.

Community
Advanced
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced
nattergabrielnattergabriel
2

accessibility

Identify and resolve accessibility gaps in web user interfaces using ARIA guidelines.

Community
Intermediate
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced