skills.rest
Legal-and-General
Legal-and-GeneralOFFICIAL
Explore all skills by this author →
Website𝕏@landg_groupGitHub

canopy-accessibility

Apply Canopy accessibility guidelines to Angular projects for semantic HTML and ARIA.

23|46|Updated Sep 7, 2020
Search Tags:#accessibility#a11y#forms#semantic-html#screen-reader#aria
One-click install
npx skills add https://github.com/Legal-and-General/canopy --skill canopy-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canopy-accessibility
Source: https://github.com/Legal-and-General/canopy/tree/main/skills/best-practice/accessibility
Command: npx skills add https://github.com/Legal-and-General/canopy --skill canopy-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Canopy applications sometimes fail to meet accessibility standards, creating barriers for users with disabilities. This skill offers practical guidance to ensure inclusive HTML structure, ARIA semantics, and keyboard navigation across Canopy-based projects.

Core Features & Use Cases

  • Document Language and skip navigation usage to improve accessibility across pages.
  • Ensures images have descriptive alt text, provides transcripts for multimedia, and supports accessible tables and forms.
  • Use Cases: teams building Angular Canopy apps can apply these guidelines to validate UI accessibility against a standard checklist.

Quick Start

Follow the accessibility guidelines in your Canopy Angular project to ensure semantic HTML, ARIA attributes, skip links, keyboard navigation, and screen reader support.

Frequently Asked Questions about canopy-accessibility

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

FAQPage Schema
How do I make my Angular application accessible for screen readers?▼

To make Angular applications accessible for screen readers, ensure your HTML structure is semantic and include proper ARIA attributes, skip links, and full keyboard navigation support across all pages.

How do I add accessible form controls and semantic landmarks in Canopy?▼

Add accessible form controls and semantic landmarks in Canopy by following documented best practices to properly label form inputs and structure page regions for screen reader compatibility.

Does this accessibility guidance apply to Angular projects using Canopy?▼

Yes, this accessibility guidance is specifically applied to Angular projects using Canopy to validate UI accessibility against a standard checklist for inclusive web development.

What is the best way to handle alt text and accessible multimedia in web apps?▼

The best way to handle alt text and accessible multimedia in web apps is to ensure all images have descriptive alt text and provide transcripts for multimedia content to support users with disabilities.

How do I implement skip navigation and language declarations for accessibility?▼

Implement skip navigation and language declarations for accessibility by applying documented guidelines that improve page navigation and screen reader language pronunciation across your application.

Can I use this to validate accessible tables and keyboard navigation?▼

Yes, you can use this to validate accessible tables by ensuring proper table structures, and to verify keyboard navigation functionality across Canopy-based Angular user interfaces.

Related Skills

Explore More Software Engineering Skills→
Legal-and-GeneralLegal-and-General
23

canopy-pipes-kebab-case

Transform strings to kebab-case in Angular templates with Canopy's LgKebabCasePipe.

Official
Basic
blackgirlbytesblackgirlbytes

audit-a11y

Audit React/Next.js components for WCAG 2.1 AA accessibility violations.

Community
Intermediate
Legal-and-GeneralLegal-and-General
23

canopy-spinner

Guide lg-spinner usage for accessible loading indicators in Angular projects.

Official
Intermediate
grvpanchalgrvpanchal
1

ui-accessibility

Analyze semantic HTML, ARIA attributes, and keyboard navigation for accessibility issues.

Community
Advanced