skills.rest
lord-vinayak
lord-vinayakCOMMUNITY
Explore all skills by this author →
Website𝕏@lord_vinayak_GitHub

accessibility-annotations

Generate accessibility annotations for Figma design handoff.

Updated May 19, 2026
Search Tags:#accessibility#Figma#design handoff#accessibility documentation#focus order#ARIA annotations
One-click install
npx skills add https://github.com/lord-vinayak/orive-reqcap --skill accessibility-annotations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-annotations
Source: https://github.com/lord-vinayak/orive-reqcap/tree/main/.claude/skills/handoff/accessibility-annotations_
Command: npx skills add https://github.com/lord-vinayak/orive-reqcap --skill accessibility-annotations

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of ensuring accessibility in design handoff, providing a comprehensive and developer-ready set of annotations for Figma files or design specs.

Core Features & Use Cases

  • Generate Accessibility Annotations: Automatically create focus order numbers, ARIA roles, landmark regions, and more.
  • Design Handoff Documentation: Produce ready-to-use annotation content for Figma, Zeplin, or any design handoff tool.
  • Use Case: When a designer needs to hand off a design to developers, this Skill can quickly generate the necessary accessibility annotations, including a completeness checklist and developer Q&A.

Quick Start

Generate accessibility annotations for the design in Figma by triggering the skill with the phrase "accessibility annotations".

Frequently Asked Questions about accessibility-annotations

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

FAQPage Schema
How do I generate accessibility annotations for Figma design handoff?▼

To generate accessibility annotations for Figma design handoff, trigger the skill to automatically create focus order numbers, ARIA roles, landmark regions, and completeness checklists without manual creation.

What accessibility documentation do developers need from design specs?▼

Accessibility documentation for design specs requires focus order, ARIA roles, and landmark regions. This skill generates these developer-ready annotations and a completeness checklist for seamless Figma handoff.

Can I use this to add ARIA annotations and focus order to design files?▼

Yes, you can use this to add ARIA annotations and focus order to design files. It automatically generates precise accessibility information, including landmark regions, for Figma or design spec handoff.

Does this accessibility annotation skill work with Zeplin?▼

Yes, this accessibility annotation skill works with Zeplin. It produces ready-to-use annotation content that can be applied to Figma, Zeplin, or any design handoff tool to document accessibility features.

What is the best way to document accessibility requirements for developers?▼

The best way to document accessibility requirements for developers is to automatically generate developer-ready annotations. This includes focus order, ARIA roles, landmark regions, and a Q&A checklist for design handoff.

Do I need to manually create accessibility information for design specs?▼

No, you do not need to manually create accessibility information for design specs. This skill requires no manual creation and automatically generates the necessary focus order and ARIA annotations for handoff.

Related Skills

Explore More Design & Creative Skills→
jens-wedinjens-wedin

a11y-design

Annotate designs into developer-ready accessibility requirements with a reusable template.

Community
Advanced
jykimjykim
31

obsidian-markdown-structure

Validate Markdown structure with frontmatter, heading hierarchy, and quote formatting.

Community
Advanced
Nir-BhayNir-Bhay
19

design-handoff-spec

Generate developer-ready UI component specifications from Figma annotations.

Community
Advanced
rodrigo-altissimorodrigo-altissimo

design-stephanie-walter

Generate WCAG-aligned accessibility documentation and mockup annotations for design handoffs.

Community
Advanced