]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
Docs: accessibility and IE fixes for SVG-based top navigation (#22848)
authorPatrick H. Lauke <redux@splintered.co.uk>
Sat, 17 Jun 2017 13:07:49 +0000 (15:07 +0200)
committerGitHub <noreply@github.com>
Sat, 17 Jun 2017 13:07:49 +0000 (15:07 +0200)
commit816d5bd2e3268aac543ecfe534290879ee59da1d
treeb5f4c8638b7d1373b78f53ec1fecee92f84f36db
parent9f0929013e0c4e5c21acbb7a7e8298c345ea4cac
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)
_includes/docs-navbar.html
_includes/icons/bootstrap.svg
_includes/icons/github.svg
_includes/icons/menu.svg
_includes/icons/slack.svg
_includes/icons/twitter.svg