kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity
twbs--bootstrap/_includes/icons/menu.svg

2 lines
410 B
XML
Raw Normal View History

Docs: accessibility and IE fixes for SVG-based top navigation (#22848) * Add explicit aria-label attributes to <svg> based links As some browser/AT combinations don't seem to fully support grabbing the `<title>` from inside the `<svg>` as the link text/name to announce (e.g. Firefox+NVDA) * Add <title> to Bootstrap logo <svg> * Add <title> to menu <svg> * Add explicit focusable="false" to <svg> icons Due to a bug/"feature" in IE, `<svg>` elements are usually separately focusable, which then results in links with `<svg>` icons being essentially focused twice (once for the link, and once for the `<svg>` inside, which is then also non-interactive)
2017-06-17 09:07:49 -04:00
<svg{% if include.class %} class="{{ include.class }}"{% endif %} xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"{% if include.width %} width="{{ include.width }}"{% endif %}{% if include.height %} height="{{ include.height }}"{% endif %} focusable="false"><title>Menu</title><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>
Copy permalink