Viendo la plantilla por ahí encontre esto en el CSS que es para ocultar elementos sin usar el {display: none;} para no ser penalizado por el buscador de Google. Creo que esa es la única razón ¿o no?.
Código CSS:
Ver original/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
Hasta ahí todo bien, pero me podrían explicar para que sirve esto que sigue debajo en el css
Código CSS:
Ver original/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
Desde ya gracias ;)