mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-12 00:08:59 +01: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)
2 lines
891 B
XML
2 lines
891 B
XML
<svg {% if include.class %} class="{{ include.class }}"{% endif %}{% if include.width %} width="{{ include.width }}"{% endif %}{% if include.height %} height="{{ include.height }}"{% endif %} viewbox="0 0 612 612" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Bootstrap</title><path fill="currentColor" d="M510 8a94.3 94.3 0 0 1 94 94v408a94.3 94.3 0 0 1-94 94H102a94.3 94.3 0 0 1-94-94V102a94.3 94.3 0 0 1 94-94h408m0-8H102C45.9 0 0 45.9 0 102v408c0 56.1 45.9 102 102 102h408c56.1 0 102-45.9 102-102V102C612 45.9 566.1 0 510 0z"/><path fill="currentColor" d="M196.77 471.5V154.43h124.15c54.27 0 91 31.64 91 79.1 0 33-24.17 63.72-54.71 69.21v1.76c43.07 5.49 70.75 35.82 70.75 78 0 55.81-40 89-107.45 89zm39.55-180.4h63.28c46.8 0 72.29-18.68 72.29-53 0-31.42-21.53-48.78-60-48.78h-75.57zm78.22 145.46c47.68 0 72.73-19.34 72.73-56s-25.93-55.37-76.46-55.37h-74.49v111.4z"/></svg>
|