Não use CSS “display: none”

Duas razões para não usar “display: none”:
1. Os leitores de tela não acessarão o código oculto.
2. Os bots de pesquisa irão ignorá-lo e seu código interno.

Você deve usar o próximo código:

. oculto {
posição: absoluto;
largura: 1px; / * Inacessível se 0 /
altura: 1px; /
Inacessível se 0 * /
margem: -1px;
preenchimento: 0;
fronteira: 0;
clipe: ret (0 0 0 0);
estouro: oculto;
}

Fonte: https://github.com/h5bp/html5-boilerplate