SVG Resources

• Tips for Creating and Exporting Better SVGs for the Web
• SVG Style Inheritance and the ‘Flash Of Unstyled SVG’
• SVG within CSS
• Magical SVG Techniques

Icons

• Using ARIA to enhance SVG accessibility

• A Working SVG Workflow for Accessible Icons (though perhaps leave the a11y fallback text to normal markup using hidden, aria-hidden="false" technique for hiding text, but leaving it visible for old browser (no CSS due to Mustard Cut) that don’t support inline SVG)

• Styling an SVG icon

• Accessible SVG Icons

• What is SVG good for?

• Using Custom Fonts With SVG in an Image Tag

• On xlink:href being deprecated in SVG

Accessible SVG

• Accessible SVG flowcharts

• Accessible SVG Icons With Inline Sprites

• Accessible SVGs: Inclusiveness Beyond Patterns

• Accessible SVGs: Perfect Patterns For Screen Reader Users