Muitos tutoriais de CSS e JavaScript sugestivamente usam display:none
para esconder elementos. Pode ser temporariamente, por exemplo, quando usamos
JavaScript para esconder ou para exibir partes da página dependendo das ações
do usuário, ou permanentemente, por exemplo nas técnicas de substituição de
imagens, redirecionamento de links ou cabeçalhos estruturais.
Em muitos casos, usar display:none
para esconder um elemento é uma má escolha, pois reduz a acessibilidade. Eu
pensei que isso fosse um fato bem conhecido, mas aparentemente existem muitas
pessoas que não reconhecem que isso é um problema. Por essa razão, aqui está
uma rápida explicação do problema e uma sugestão de técnica alternativa que
pode ser aplicada (esta eu também pensava que fosse bem conhecida).
display:none, na verdade, quer dizer não exibir ou
expor.
O que muitos......