Home » Tag Archives: CSS (page 2)

Tag Archives: CSS

Accessible SVG Icons With Inline Sprites

This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here’s the ideal example: <button type="button"> Menu <svg class="svg-icon" role="img" height="10" width="10" viewBox="0 0 10 10" aria-hidden="true" focusable="false"> <path d="m1 7h8v2h-8zm0-3h8v2h-8zm0-3h8v2h-8z"/> </svg> </button> Notes: It’s not the <svg> itself that is interactive — it’s wrapped in a <button> for that. The .svg-icon class has some nice trickery, ...

Read More »

Powered by WP Robot