Accessible Samples

Accessible SVG elements

Meaningful SVG

House Icon A simple house with a triangular roof 
             <svg xmlns=""http://www.w3.org/2000/svg"" width="100" height="100" aria-labelledby="title desc" role="img">
                <title id="title">House Icon</title>
                <desc id="desc">A simple house with a triangular roof</desc>
                <rect width="80" height="60" x="10" y="30" fill="#ffcc66" />
                <polygon points="10,30 50,5 90,30" fill="#996633" />
                <rect width="20" height="30" x="45" y="60" fill="#cc9966" />
                <rect width="10" height="15" x="25" y="45" fill="#cc9966" />
                <rect width="10" height="15" x="65" y="45" fill="#cc9966" />
            </svg>

Decorative SVG 

            <svg xmlns=""http://www.w3.org/2000/svg"" width="100" height="100" aria-hidden="true" role="img" focusable="false">
                <circle cx="50" cy="50" r="40" fill="#3498db" />
            </svg>