Встроенный стиль плохо для считывателей экрана?
-
25-09-2019 - |
Вопрос
Пример
<span style="BACKGROUND-COLOR: #ffd700">Background color</span>
Как Screen Reader обрабатывает встроенные CSS? Есть ли другие минусы inline CSS, кроме управления CSS?
Встроенные стили действительны также. Я тестировал с валидатором W3C и с Strictype XHTML 1.0?
<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>
Решение
Как Screen Reader обрабатывает встроенные CSS?
Так же, как и любые другие CSS.
Есть ли другие минусы inline CSS, кроме управления CSS?
Просто связанные с полосой пропускной способностью.
Другие советы
Встроенные стили трудно управлять и переопределять. И если вы устанавливаете цвета и границы, они могут переопределить свой стиль печати. Я видел желтые ссылки в превью печати ... явно не намерение автора, а очень плохой пользовательский опыт.
ScreeneReaders честь только display
собственность, не говорите элементы с display:none
. Отказ Неважно, где вы его объявляете.
Inline CSS не плохо для считывателей экрана. просто это не так полезно /
Но если вы хотите дать стилю в дополнительные способы / использовать это, если можете;
div.blabla p span{margin-right: 0px;}
или дать этот стиль с jquery /
$("div#blabla").css("display","none");