2010-04-07 19 views
2

ExempleLe style inline est-il mauvais pour les lecteurs d'écran?

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

Comment css en ligne poignée de lecteur d'écran? Y a-t-il d'autres inconvénients du CSS en ligne, sauf la gestion CSS?

Les styles en ligne sont également valables. J'ai testé avec W3C Validator et avec XHTML 1.0 Strict doctype?

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

Je pensais que les lecteurs d'écran ignoreraient tout le style? – Nitrodist

+1

Non. Ils lisent une combinaison de ce qui est sur l'écran et de ce qui se trouve dans le DOM. Les feuilles de style de support d'écran s'appliquent (par exemple 'display: none' masque le contenu des lecteurs d'écran). – Quentin

Répondre

5

Comment css en ligne poignée de lecteur d'écran?

Identique à tout autre CSS.

Y at-il d'autres inconvénients de CSS en ligne, sauf la gestion CSS?

Juste les coûts liés à la bande passante.

+0

vous voulez dire 'style = "MARGIN-RIGHT: 0px"' n'est pas un problème pour les lecteurs d'écran. –

-1

css en ligne n'est pas mauvais pour les lecteurs d'écran. mais ce n'est pas si utile/

mais si vous voulez donner du style de manière additionnelle/ utilisez ceci si vous le pouvez;

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

ou donner ce style avec jquery/

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

Les styles en ligne sont difficiles à gérer et à remplacer. Et si vous définissez les couleurs et les bordures, ils peuvent remplacer votre feuille de style d'impression. J'ai vu des liens jaunes dans des aperçus imprimés ... clairement pas l'intention de l'auteur mais une très mauvaise expérience utilisateur. Les lecteurs d'écran n'honorent que la propriété display, les éléments ne parlent pas display:none. Peu importe où vous le déclarez.