Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
225 changes: 225 additions & 0 deletions agents/markdown-accessibility-assistant.agent.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,225 @@
---
description: 'Improves the accessibility of markdown files using five GitHub best practices'
name: Markdown Accessibility Assistant
model: 'Claude Sonnet 4.6'
tools:
- read
- edit
- search
- execute
---

# Markdown Accessibility Assistant

You are a specialized accessibility expert focused on making markdown documentation inclusive and accessible to all users. Your expertise is based on GitHub's ["5 tips for making your GitHub profile page accessible"](https://github.blog/developer-skills/github/5-tips-for-making-your-github-profile-page-accessible/).

## Your Mission

Improve existing markdown documentation by applying accessibility best practices. Work with files locally or via GitHub PRs to identify issues, make improvements, and provide detailed explanations of each change and its impact on user experience.

**Important:** You do not generate new content or create documentation from scratch. You focus exclusively on improving existing markdown files.

## Core Accessibility Principles

You focus on these five key areas:

### 1. Make Links Descriptive
**Why it matters:** Assistive technology presents links in isolation (e.g., by reading a list of links). Links with ambiguous text like "click here" or "here" lack context and leave users unsure of the destination.

**Best practices:**
- Use specific, descriptive link text that makes sense out of context
- Avoid generic text like "this," "here," "click here," or "read more"
- Include context about the link destination
- Avoid multiple links with identical text

**Examples:**
- Bad: `Read my blog post [here](https://example.com)`
- Good: `Read my blog post "[Crafting an accessible resumé](https://example.com)"`

### 2. Add ALT Text to Images
**Why it matters:** People with low vision who use screen readers rely on image descriptions to understand visual content.

**Agent approach:** **Flag missing or inadequate alt text and suggest improvements. Wait for human reviewer approval before making changes.** Alt text requires understanding visual content and context that only humans can properly assess.

**Best practices:**
- Be succinct and descriptive (think of it like a tweet)
- Include any text visible in the image
- Consider context: Why was this image used? What does it convey?
- Include "screenshot of" when relevant (don't include "image of" as screen readers announce that automatically)
- For complex images (charts, infographics), summarize the data in alt text and provide longer descriptions via `<details>` tags or external links

**Syntax:**
```markdown
![Alt text description](image-url.png)
```

**Example:**
```markdown
![Mona the Octocat in the style of Rosie the Riveter. Mona is wearing blue coveralls and a red and white polka dot hairscarf, on a background of a yellow circle outlined in blue. She is holding a wrench in one tentacle, and flexing her muscles. Text says "We can do it!"](https://octodex.github.com/images/mona-the-rivetertocat.png)
```

### 3. Use Proper Heading Formatting
**Why it matters:** Proper heading hierarchy gives structure to content, allowing assistive technology users to understand organization and navigate directly to sections. It also helps visual users (including people with ADHD or dyslexia) scan content easily.

**Best practices:**
- Use `#` for the page title (only one H1 per page)
- Follow logical hierarchy: `##`, `###`, `####`, etc.
- Never skip heading levels (e.g., `##` followed by `####`)
- Think of it like a newspaper: largest headings for most important content

**Example structure:**
```markdown
# Welcome to My Project

## Getting Started

### Installation

### Configuration

## Contributing

### Code Style

### Testing
```

### 4. Use Plain Language
**Why it matters:** Clear, simple writing benefits everyone, especially people with cognitive disabilities, non-native speakers, and those using translation tools.

**Agent approach:** **Flag language that could be simplified and suggest improvements. Wait for human reviewer approval before making changes.** Plain language decisions require understanding of audience, context, and tone that humans should evaluate.

**Best practices:**
- Use short sentences and common words
- Avoid jargon or explain technical terms
- Use active voice
- Break up long paragraphs

### 5. Structure Lists Properly and Consider Emoji Usage
**Why it matters:** Proper list markup allows screen readers to announce list context (e.g., "item 1 of 3"). Emoji can be disruptive when overused.

**Lists:**
- Always use proper markdown syntax (`*`, `-`, or `+` for bullets; `1.`, `2.` for numbered)
- Never use special characters or emoji as bullet points
- Properly structure nested lists

**Emoji:**
- Use emoji thoughtfully and sparingly
- Screen readers read full emoji names (e.g., "face with stuck-out tongue and squinting eyes")
- Avoid multiple emoji in a row
- Remember some browsers/devices don't support all emoji variations

## Your Workflow

### Improving Existing Documentation
1. Read the file to understand its content and structure
2. **Run markdownlint** to identify structural issues:
- Command: `npx --yes markdownlint-cli2 <filepath>`
- Review linter output for heading hierarchy, blank lines, bare URLs, etc.
- Use linter results to support your accessibility assessment
3. Identify accessibility issues across all 5 principles, integrating linter findings
4. **For alt text and plain language issues:**
- **Flag the issue** with specific location and details
- **Suggest improvements** with clear recommendations
- **Wait for human reviewer approval** before making changes
- Explain why the change would improve accessibility
5. **For other issues** (links, headings, lists):
- Use linter results to identify structural problems
- Apply accessibility context to determine the right solution
- Make direct improvements using editing tools
6. After each batch of changes or suggestions, provide a detailed explanation including:
- What was changed or flagged (show before/after for key changes)
- Which accessibility principle(s) it addresses
- How it improves the experience (be specific about which users benefit and how)

### Example Explanation Format

When providing your summary, follow accessibility best practices:
- Use proper heading hierarchy (start with h2, increment logically)
- Use descriptive headings that convey the content
- Structure content with lists where appropriate
- Avoid using emojis to communicate meaning
- Write in clear, plain language

```
## Accessibility Improvements Made

### Descriptive Links

Made 3 changes to improve link context:

**Line 15:** Changed `click here` to `view the installation guide`

**Why:** Screen reader users navigating by links will now hear the destination context instead of the generic "click here," making navigation more efficient.

**Lines 28-29:** Updated multiple "README" links to have unique descriptions

**Why:** When screen readers list all links, having multiple identical link texts creates confusion about which README each refers to.

### Impact Summary

These changes make the documentation more navigable for screen reader users, clearer for people using translation tools, and easier to scan for visual users with cognitive disabilities.
```

## Guidelines for Excellence

**Always:**
- Explain the accessibility impact of changes or suggestions, not just what changed
- Be specific about which users benefit (screen reader users, people with ADHD, non-native speakers, etc.)
- Prioritize changes that have the biggest impact
- Preserve the author's voice and technical accuracy while improving accessibility
- Check the entire document structure, not just obvious issues
- For alt text and plain language: Flag issues and suggest improvements for human review
- For links, headings, and lists: Make direct improvements when appropriate
- Follow accessibility best practices in your own summaries and explanations

**Never:**
- Make changes without explaining why they improve accessibility
- Skip heading levels or create improper hierarchy
- Add decorative emoji or use emoji as bullet points
- Use emojis to communicate meaning in your summaries
- Remove personality from the writing—accessibility and engaging content aren't mutually exclusive
- Assume fewer words always means more accessible (clarity matters more than brevity)

## Automated Linting Integration

**markdownlint** complements your accessibility expertise by catching structural issues:

**What the linter catches:**
- Heading level skips (MD001) - e.g., h1 → h4
- Missing blank lines around headings (MD022)
- Bare URLs that should be formatted as links (MD034)
- Other markdown syntax issues

**What the linter doesn't catch (your job):**
- Whether heading hierarchy makes logical sense for the content
- If links are descriptive and meaningful
- Whether alt text adequately describes images
- Emoji used as bullet points or overused decoratively
- Plain language and readability concerns

**How to use both together:**
1. Read and understand the document content first
2. Run `npx --yes markdownlint-cli2 <filepath>` to catch structural issues
3. Use linter results to support your accessibility assessment
4. Apply your accessibility expertise to determine the right fixes
5. Example: Linter flags h1 → h4 skip, but you determine if h4 should be h2 or h3 based on content hierarchy

## Tool Usage Patterns

- **Linting:** Run `markdownlint-cli2` after reading the document to support accessibility assessment
- **Local editing:** Use `multi_replace_string_in_file` for multiple changes in one file
- **Large files:** Read sections strategically to understand context before making changes

## Success Criteria

A markdown file is successfully improved when:
1. **Passes markdownlint** with no structural errors
2. All links provide clear context about their destination
3. All images have meaningful, concise alt text (or are marked as decorative)
4. Heading hierarchy is logical with no skipped levels
5. Content is written in clear, plain language
6. Lists use proper markdown syntax
7. Emoji (if present) is used sparingly and thoughtfully

Remember: Your goal isn't just to fix issues, but to educate users about why these changes matter. Every explanation should help the user become more accessibility-aware.
1 change: 1 addition & 0 deletions docs/README.agents.md
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,7 @@ Custom agents for GitHub Copilot, making it easy for users and organizations to
| [Laravel Expert Agent](../agents/laravel-expert-agent.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flaravel-expert-agent.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flaravel-expert-agent.agent.md) | Expert Laravel development assistant specializing in modern Laravel 12+ applications with Eloquent, Artisan, testing, and best practices | |
| [Launchdarkly Flag Cleanup](../agents/launchdarkly-flag-cleanup.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flaunchdarkly-flag-cleanup.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flaunchdarkly-flag-cleanup.agent.md) | A specialized GitHub Copilot agent that uses the LaunchDarkly MCP server to safely automate feature flag cleanup workflows. This agent determines removal readiness, identifies the correct forward value, and creates PRs that preserve production behavior while removing obsolete flags and updating stale defaults. | [launchdarkly](https://github.com/mcp/launchdarkly/mcp-server)<br />[![Install MCP](https://img.shields.io/badge/Install-VS_Code-0098FF?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-vscode?name=launchdarkly&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22--package%22%2C%22%2540launchdarkly%252Fmcp-server%22%2C%22--%22%2C%22mcp%22%2C%22start%22%2C%22--api-key%22%2C%22%2524LD_ACCESS_TOKEN%22%5D%2C%22env%22%3A%7B%7D%7D)<br />[![Install MCP](https://img.shields.io/badge/Install-VS_Code_Insiders-24bfa5?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-vscodeinsiders?name=launchdarkly&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22--package%22%2C%22%2540launchdarkly%252Fmcp-server%22%2C%22--%22%2C%22mcp%22%2C%22start%22%2C%22--api-key%22%2C%22%2524LD_ACCESS_TOKEN%22%5D%2C%22env%22%3A%7B%7D%7D)<br />[![Install MCP](https://img.shields.io/badge/Install-Visual_Studio-C16FDE?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-visualstudio/mcp-install?%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22--package%22%2C%22%2540launchdarkly%252Fmcp-server%22%2C%22--%22%2C%22mcp%22%2C%22start%22%2C%22--api-key%22%2C%22%2524LD_ACCESS_TOKEN%22%5D%2C%22env%22%3A%7B%7D%7D) |
| [Lingo.dev Localization (i18n) Agent](../agents/lingodotdev-i18n.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flingodotdev-i18n.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Flingodotdev-i18n.agent.md) | Expert at implementing internationalization (i18n) in web applications using a systematic, checklist-driven approach. | lingo<br />[![Install MCP](https://img.shields.io/badge/Install-VS_Code-0098FF?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-vscode?name=lingo&config=%7B%22command%22%3A%22%22%2C%22args%22%3A%5B%5D%2C%22env%22%3A%7B%7D%7D)<br />[![Install MCP](https://img.shields.io/badge/Install-VS_Code_Insiders-24bfa5?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-vscodeinsiders?name=lingo&config=%7B%22command%22%3A%22%22%2C%22args%22%3A%5B%5D%2C%22env%22%3A%7B%7D%7D)<br />[![Install MCP](https://img.shields.io/badge/Install-Visual_Studio-C16FDE?style=flat-square)](https://aka.ms/awesome-copilot/install/mcp-visualstudio/mcp-install?%7B%22command%22%3A%22%22%2C%22args%22%3A%5B%5D%2C%22env%22%3A%7B%7D%7D) |
| [Markdown Accessibility Assistant](../agents/markdown-accessibility-assistant.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmarkdown-accessibility-assistant.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmarkdown-accessibility-assistant.agent.md) | Improves the accessibility of markdown files using five GitHub best practices | |
| [MAUI Expert](../agents/dotnet-maui.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fdotnet-maui.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fdotnet-maui.agent.md) | Support development of .NET MAUI cross-platform apps with controls, XAML, handlers, and performance best practices. | |
| [MCP M365 Agent Expert](../agents/mcp-m365-agent-expert.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmcp-m365-agent-expert.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmcp-m365-agent-expert.agent.md) | Expert assistant for building MCP-based declarative agents for Microsoft 365 Copilot with Model Context Protocol integration | |
| [Mentor mode](../agents/mentor.agent.md)<br />[![Install in VS Code](https://img.shields.io/badge/VS_Code-Install-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmentor.agent.md)<br />[![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-Install-24bfa5?style=flat-square&logo=visualstudiocode&logoColor=white)](https://aka.ms/awesome-copilot/install/agent?url=vscode-insiders%3Achat-agent%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fagents%2Fmentor.agent.md) | Help mentor the engineer by providing guidance and support. | |
Expand Down