44 lines
906 B
Markdown
44 lines
906 B
Markdown
|
|
---
|
||
|
|
name: color-contrast-analyzer
|
||
|
|
description: Analyzes color contrast ratios and validates against WCAG requirements.
|
||
|
|
---
|
||
|
|
|
||
|
|
# color-contrast-analyzer
|
||
|
|
|
||
|
|
## Capabilities
|
||
|
|
|
||
|
|
- Calculate contrast ratios
|
||
|
|
- Flag insufficient contrast
|
||
|
|
- Suggest color alternatives
|
||
|
|
- Generate contrast reports
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
Use this skill when:
|
||
|
|
- Reviewing visual design elements
|
||
|
|
- Checking text and background color combinations
|
||
|
|
- Ensuring visual accessibility
|
||
|
|
|
||
|
|
## Input
|
||
|
|
|
||
|
|
Color values (hex, RGB) for foreground and background.
|
||
|
|
|
||
|
|
## Output
|
||
|
|
|
||
|
|
Contrast analysis report with:
|
||
|
|
- Calculated contrast ratios
|
||
|
|
- WCAG compliance status (AA, AAA)
|
||
|
|
- Suggested color alternatives
|
||
|
|
- Visual contrast report
|
||
|
|
|
||
|
|
## Limitations
|
||
|
|
|
||
|
|
- Cannot assess non-color visual barriers
|
||
|
|
- Analysis is based on static color values
|
||
|
|
- Does not account for user display variations
|
||
|
|
|
||
|
|
## Assumptions
|
||
|
|
|
||
|
|
- Color values are accurate
|
||
|
|
- Text size is specified for appropriate thresholds
|