Graphics and Design

Color

• Color Safe - Accessible color palettes based on WCAG Guidelines of text and background contrast ratios
• Contrast Grid - Test BG and FG colors
• Accessible Colors
• Accessible color palette builder - Build an accessible color palette
• Color Cube Color Checker - Tool that checks color combinations for accessibility, and lets you adjust colors until they pass. Great for tweaking brand colors.

Charts

• Designing Accessible Data Visualizations - An intro to designing accessible data visualizations
• Fizz Studio Software - Create Accessible Data Visualizations
• Writing Alt Text for Data Visualization - Writing Alt Text for Data Visualization

SVG

Adding ALT text to SVGs

Method 1: Using the IMG element

By using the IMG element instead of the SVG element to insert SVGs, you can alternate text using the IMG element’s ALT attribute.

Method 2: The SVG DESC element

The SVG desc element allows

• Deque - creating Accessible SVGs - Create Accessible SVGs