O estilo embutido é ruim para os leitores de tela?

Question

Exemplo

<span style="BACKGROUND-COLOR: #ffd700">Background color</span>

Como o leitor de tela lide CSS embutido? Existem outros contras do CSS em linha, exceto o gerenciamento de CSS?

Os estilos embutidos também são válidos. Eu testei com o validador W3C e com o XHTML 1.0 Strict Doctype?

<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>

Answer 1

Como o leitor de tela lide CSS embutido?

O mesmo que qualquer outro CSS.

Existem outros contras do CSS em linha, exceto o gerenciamento de CSS?

Apenas custos relacionados à largura de banda.

Answer 2

Os estilos embutidos são difíceis de gerenciar e substituir. E se você definir cores e bordas, eles poderão substituir sua folha de estilo de impressão. Vi links amarelos nas visualizações impressas ... claramente não a intenção do autor, mas uma experiência muito ruim do usuário.

Os leitores de tela honram apenas o display propriedade, não fala elementos com display:none. Não importa onde você o declare.

Answer 3

O CSS inline não é ruim para os leitores de tela. Só não é tão útil/

Mas se você quiser dar estilo de maneiras adicionais/ use isso, se puder;

div.blabla p span{margin-right: 0px;}

Ou dê esse estilo com jQuery/

$("div#blabla").css("display","none");