Location :
Web Design References
XML
RDF (Resource
Description Framework)
SVG (Scalable Vector
Graphics)
7 Solutions for Creating More Accessible SVGs - SA Team
A Compendium of SVG Information - Chris Coyier
A Complete Guide to SVG Fallbacks - Chris Coyier and Amelia Bellamy-Royds
A Working SVG Workflow for Accessible Icons - Hugo Giraudel
About Fonts
in SVG - Divya Manian
Accessible SVGs: Inclusiveness Beyond Patterns - Carie Fisher
Accessible SVGs Inclusiveness Beyond Patterns (Video) - Carie Fisher
Accessible SVG Data Visualization (Video) - Douglas Schepers
Accessible SVG Masterclass (Video) - Carie Fisher (Carie's Slides )
Accessible SVG Flowcharts - Léonie Watson
Accessible SVG is Closer Than You Think - David
Bolter
Accessible SVG Icons - Chris Coyier
Accessible SVG Icons with Inline Sprites - Marco Hengstenberg
Accessible SVGs - Heather Migliorisi
Accessible SVGs in High Contrast Mode - Eric Bailey
Accessible SVG Line Graphs - Léonie Watson
Accessible SVG: Methods for Adding Alternative Content - Carie Fisher
Accessible SVG Tables - Léonie Watson
Accessible SVG Test Page - Dennis Lembree
Accessible SVGs: Perfect Patterns For Screen Reader Users - Carie Fisher
Accessibility Features
of SVG - Charles McCathieNevile and Marja-Riitta
Koivunen, Editors
Adding Backgrounds to Directly Loaded SVGs - Eric A. Meyer
All You Want to Know About SVG Accessibility - Rakesh Paladugula
ally.js - Rodney Rehm
An Introduction To CSS Filters - Steven Bradley
An SVG Primer for Today's Browsers - David Dailey
Better SVG Fallback and Art Direction With The <picture> Element - Sara Soueidan
Cistercian SVG - Adrian Roselli
Combine The Results of SVG Filter Primitives with feMerge - Steven Bradley
Creating Accessible SVGs - Carie Fisher
Creating Interactive Graphs With SVG, Part 1 - Roemer Vlasveld
CurrentColor SVG in Forced Colors Modes - Melanie Richards
Current State of Authoring Accessible SVG - Doug Schepers
Diving into the Deep End - A Discussion on SVG, Angular, and Accessibility - Sam Joehl
Do Not Steal My SVG Semantics - Karl Dubost
Does SVG Text Pass WCAG 1.4.5 (Images of Text)? - Leonie Watson
Future
Web Accessibility - SVG - Aaron Andersen
Hiding Inline SVG Icons from Screen Readers - Roger Johansson
How SVG Line Animation Works - Chris Coyier
How to Add
Scalable Vector Graphics to Your Web Page - Craig
Buckler
How To Apply SVG Linear Gradients To A Fill Or Stroke - Steven Bradley
How To Apply SVG Radial Gradients To A Fill Or Stroke - Steven Bradley
How To Create SVG Arrowheads and Polymarkers - The marker Element - Steven Bradley
How To Create Simple Shapes With Scalable Vector Graphics
(SVG) - Steven Bradley
How To Structure Your SVG Code - The <g>, <title>, And <desc> Elements - Steven Bradley
How To Work With SVG Patterns - Steven Bradley
How To Work With SVG Text - Steven Bradley
How To Work With the SVG Text Spacing Properties - Steven Bradley
HTML5: SVG in
text/html Dropped For Now - Anne Van Kesteren
Image SVG aria-hack=resolved - Scott O'Hara
Making composed-tree.svg More Accessible - Charles McCathieNevile
Making Future Interfaces: Inline SVG (Video) - Heydon Pickering
Making SVG Accessible - Léonie Watson
Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG - Sara Soueidan
Managing SVG Interaction With The Pointer Events Property - Tiffany B. Brown
More About SVG Clipping Paths - Steven Bradley
Move and Scale SVG Graphics With the viewBox Attribute - Steven Bradley
OMG, SVG Favicons FTW! - Austin Gil
Pixelating Live with SVG (2023) - Eric A. Meyer
Please Size Your Inline SVGs (2023) - Aaron Gustafson
Practical SVG - Chris Coyier
Progressively Enhancing Radio buttons with SVG Whilst Staying Accessible - Christian Heilman
Real World Use of CSS with SVG - Craig Buckler
Resources for Learning SVG - Virgina DeBolt
Responsive Images - Clown Car Technique - Estelle
Weyl
Responsive SVGs - Nils Binder
Retain
Accessibility Immediately - Douglas Schepers
Scalable
Vector Graphics - Drawing Basics - Craig Buckler
Scalable
Vector Graphics (SVG) - W3C
Scalable
Vector Graphics (SVG) 1.0 Specification - W3C
Scalable Vector Graphics (SVG) 2 - W3C
Structuring, Grouping, and Referencing in SVG - The <g>, <use>, <defs> and <symbol> Elements - Sara Soueidan
SVG 101: What is SVG? (and what is it actually good for?) - Ivaylo Gerchev
SVG12:
Brief Clarification on Formal Objections - Bjoern
Hoehrmann
SVG A11y Test Cases - Charles McCathie Nevile
SVG Title vs. HTML Title Attribute - Chris Coyier s
SVG Accessibility Gap Analysis - Rich
Schwerdtfeger
SVG and MathML Annexes to HTML5 - Sam Ruby
SVG and Media Queries - Jake Archibald
SVG Animation Demo: Heating Water, from Ice to Steam - Charles McCathieNevile
SVG Basics-Creating Paths With Curve Commands - Steven Bradley
SVG Basics-Fills And Strokes - Steven Bradley
SVG Basics-How To Create Simple Shapes And Lines - Steven Bradley
SVG Basics-How to Work with Scalable Vector Graphics - Steven Bradley
SVG Blend Modes With The feBlend Filter Primitive - Steven Bradley
SVG
Browser Chart - Jeff Schiller
SVG Clipping Paths - Steven Bradley
SVG Clipping Path Examples - Multiple Shapes and Images
- Steven Bradley
SVG Clipping Path Examples - Using Paths And Text
- Steven Bradley
SVG Filter Effects-3 Simple Filter Primitives - Steven Bradley
SVG Filter Primitives-Input and Output - Steven Bradley
SVG Filtering for Windows High Contrast Mode - Adrian Roselli
SVG Generators - Iris Lješnjanin
SVG
Implementations - W3C
SVG, Icon Fonts, and Accessibility: A Case Study - Dennis Lembrée
SVG Masking Examples - Paths, Gradients, And Patterns - Steven Bradley
SVG or Canvas? Choosing Between the Two - Mihai
Sucan
SVG Patterns - Build More Complex Patterns With Images, Attributes, And Nesting - Steven Bradley
SVG Text Layout And Alignmen t - Steven Bradley
SVG Text On A Path - Part 1 - Steven Bradley
SVG Tiny
1.2 in Candidate Wreckommendation Stage - Ian
Hickson
SVG
Tutorial - Jakob Jenkov
SVG Will Save Us :: #PerfMatters Conference 2019 (Video) - Sarah Drasner
SVG Wow! Demos
The Designer's Guide to Working with SVG - Pt 1 - Alex Walker
The Many Methods for Using SVG Icons - Chen Hui Jing
The SVG Canvas, Coordinate System, And Viewport - Steven Bradley
The SVG Path Syntax: An Illustrated Guide - Chris Coyier
The SVG 2 Conundrum - Chris Coyier
Tips for Creating Accessible SVG - Leonie Watson
Tips for Creating and Exporting Better SVGs for the Web - Sara Soueidan
Tools for Optimizing SVG - Chris Coyier
Understanding SVG Coordinate Systems & Transformations (Part 1) - The viewport, viewBox, and preserveAspectRatio - Sara Soueidan
Understanding SVG Coordinate Systems & Transformations (Part 2) - The transform Attribute - Sara Soueidan
Understanding the SVG Fill-Rule Property - Joni Trythall
Using ARIA to Enhance SVG Accessibility - Leonie Watson
Using
SVG - Chris Coyier
What I Learned About SVG Accessibility (Among Other Things) From NBC News' Senate 'What If' Project - Joe Murphy
When Should You Use Which Image Format? JPG? PNG? SVG? - Amber Wilson
Why JPEGs are like McDonalds Apple Pies (and SVGs are not) - Alex Walker
XSLT
General XML Tutorials
Comprehensive XML Sites
XML Articles & Related Links