Понятно, что документации или статей о sr-only-focusable нет. Официальная документация здесь http://getbootstrap.com/css/#helper-classes-screen-readers, кажется, не так понятна. Может ли кто-нибудь помочь мне в этом?Какое использование класса sr-only-focusable в бутстрапе?
sr-only-focusable позволяет видеть только пользователей, подключенных только к клавиатуре, чтобы перейти к ссылке для перехода к ссылке. один из способов использования, как это:
HTML:
<body>
<a href="#content" class="sr-only sr-only-focusable" >Skip to main content</a>
CSS:
// bootstrap
:focus.sr-only {
// undo the hiding
width: auto;
height: auto;
margin: 0;
overflow: auto;
clip: auto;
}
HTML страницы, где ваш основное содержание:
<div class="container" id="content">
Возможный дубликат [Что такое SR- только в Bootstrap 3?] (http://stackoverflow.com/questions/19758598/what-is-sr-only-in-bootstrap-3) – Anton