mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-04 16:24:22 +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
861 B
XML
2 lines
861 B
XML
<svg{% if include.class %} class="{{ include.class }}"{% endif %} xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 416.32"{% if include.width %} width="{{ include.width }}"{% endif %}{% if include.height %} height="{{ include.height }}"{% endif %} focusable="false"><title>Twitter</title><path d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" fill="currentColor"/></svg>
|