UI5 Web Components — Accessibility

Trust Score 85/100

Guidance for making UI5 Web Components accessible: ARIA mappings, labeling, keyboard support, invisible messaging, and high-contrast theming.

triggers:accessibilityariascreen readerkeyboard navigationaccessible-nameaccessible-name-ref

GitHub SKILL.md

What it does

Provides practical guidance and API usage for making applications built with UI5 Web Components accessible. Covers accessibleName/accessibilityAttributes, label-input patterns across shadow DOM boundaries, keyboard navigation, icon semantics, invisible messaging for screen readers, and theme/contrast handling. Includes code examples and quick reference patterns.

When to use it

Use this skill when you need to ensure UI5-based UI components are accessible: adding ARIA labels, connecting visible labels to custom elements, announcing dynamic updates to assistive tech, or handling high-contrast themes and keyboard interactions. Helpful during development, code review, and accessibility audits.

What's included

Scripts: none
References: none
Instructions: step-by-step examples for accessibleName, accessibleNameRef, accessibleDescription, accessibleRole, accessibilityAttributes; label-for patterns; invisible messaging via InvisibleMessage util; icon modes; theme detection and application.

Compatible agents

{}

Audit Summary

A pure documentation skill providing accessibility guidance for UI5 Web Components — covering ARIA attributes, label-input relationships, keyboard navigation, invisible messaging, and high-contrast theming. No scripts to execute. The SKILL.md is well-written with clear examples and tables, targeting a niche audience of UI5 developers.

Watch Out

Only useful if you're working with UI5 Web Components specifically

Notes

Pure documentation skill, no executable code. Very clean from a security standpoint. Well-structured content with good code examples, but narrow applicability outside the UI5 ecosystem.

Information

Repository: webcomponents
Stars: 1,747

Trust Score

Overall85

Security95

Code Quality78

Architecture72

Usefulness45

Related Skills

Scientific Schematics & Diagrams

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Cognitive Accessibility Specialist

Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

DAUB UI

A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.

Back to Skills