mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
816d5bd2e3
* 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)
1 line
410 B
XML
1 line
410 B
XML
<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>
|