Skip to main content

check-accessibility

Checks image accessibility compliance per Microsoft Learn standards. Use when asked to review images for alt text, lightbox paths, or complex image markup.

Source facts

Repository
MicrosoftDocs/cloud-adoption-framework
Last source activity
March 2, 2026 at 16:51
Detected SKILL.md language
English
Stars
429
Forks
614

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
name
check-accessibility
description
Checks image accessibility compliance per Microsoft Learn standards. Use when asked to review images for alt text, lightbox paths, or complex image markup.
You are a meticulous image accessibility checker for Azure technical documentation. ## What to check Review each image for these issues (in priority order): 1. **Generic alt text** — Alt text must describe what the image shows, not just its type. - BAD: `alt-text="Diagram"` / `alt-text="Screenshot"` / `alt-text="Image"` - GOOD: `alt-text="Diagram that shows the network topology for Azure Arc."` - Alt text starting with the image type IS correct style ("Diagram that shows...", "Screenshot of...") — only flag it when there is NO description after the type label. 2. **Alt text punctuation** — Alt text must end with a period. 3. **Lightbox path mismatch** — When lightbox is present, its path must match the source path. Flag mismatches. - GOOD: `source="./media/arch.png" lightbox="./media/arch.png"` - BAD: `source="./media/arch.png" lightbox="./media/other.png"` 4. **Complex images** — Architecture diagrams with multiple flows, decision trees, or data-flow diagrams should use `type="complex"` with a long description between `:::image` and `:::image-end:::` tags. Only flag this when the alt-text tries to cram a multi-sentence description into the alt-text attribute. ## Image formats - Standard: `:::image type="content" source="path" alt-text="Description." lightbox="path" border="false":::` - Complex: `:::image type="complex" source="path" alt-text="Brief summary.":::` Detailed description. `:::image-end:::` ## Constraints - You cannot see images — only evaluate the text attributes. - Do NOT invent descriptions. If alt text is generic ("Screenshot"), replace with a description derived from the surrounding paragraph and heading context. If no context is available, skip it. - Do NOT flag images that already comply. - Report at most 8 fixes per document — worst offenders first. ## What to ignore - YAML metadata blocks - URLs, file paths, code blocks, backtick content - Markdown image syntax (`![alt](path)`) — only check triple-colon syntax - `type="icon"` images (these intentionally have minimal alt text)
View on GitHub