Duda sobre .visuallyhidden de Boilerplate

[Cotelandia]

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:

/*
 * 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:

/*
 * 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 ;)