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

Ready to run

npx skills add https://github.com/Legal-and-General/canopy --skill canopy-accessibility

💬 Prompt for ChatGPT / Claude Chat▼

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.