HTML - все еще нормально использовать ролловеры изображений для ссылок?

Question

У меня есть дизайнер, который действительно хочет использовать изображения для шрифтов в главной навигации сайта.Я не уверен, какие последствия это будет иметь для проверки и доступности .

Дизайнер говорит мне, пока мы помещаем текст в тег Alt, он будетбыть в порядке.Кто-нибудь может подтвердить или опровергнуть это?

Спасибо.

Answer 1

Я пользователь программы чтения с экрана, и ссылки на картинки с альтернативным текстом работают хорошо и не должны быть проблемой. Если вы хотите заставить пользователя щелкнуть изображение, которое не является частью ссылки, хотя у вас могут быть проблемы, поскольку переход по вкладке между ссылками не обнаружит, что пользователь должен взаимодействовать с этой конкретной областью страницы. *

Answer 2

Звучит как дизайнер, застрявший в темных веках.

Да, alt атрибуты будут считываться программами чтения с экрана, поэтому слепые будут найдены.

Однако это не принесет пользы тем, кто не использует программы чтения с экрана, но нуждается в высококонтрастном или высоком уровне масштабирования.

Такие вещи, как встроенные ссылки и семантическая разметка, также будут потеряны (как можно сказать, что изображение должно быть заголовком, когда вы будете использовать тег H1 в HTML?).

Существуют и другие трудности, связанные с тем, что некоторый текст будет не так легко представлен в атрибуте alt, как в обычном HTML.

Это пока что касается доступности - не уверен, как валидация входит в это (это вообще). Можете ли вы объяснить, что вы имеете в виду о валидации? Если вы говорите о допустимом HTML, то при условии, что изображения имеют теги alt, они будут действительными.

Существуют и другие способы использования пользовательских шрифтов на веб-странице, например, селектор CSS3 @Font-Face (который должен работать во всех современных браузерах, включая IE7 +).

Answer 3

Если вы выбираете изображения, то Alt помечает их так, как нужно, но помните, что это может привести к определенным трудностям в SEO, занять больше времени для загрузки и может быть непрактичным для некоторых пользователей. ( см. Также ответ Одеда )

Я бы порекомендовал что-то вроде google font api , он чрезвычайно совместим, и вы можете создавать красивые шрифты / текст.

Есть и другие варианты, но я бы не сказал, что изображения - это путь.

Answer 4

Пощечина вашему дизайнеру в лицо! :)

Никогда не используйте изображения для текстов. Вместо этого используйте @ font-face.

Вы можете конвертировать шрифты @ http://www.fontsquirrel.com/fontface/generator

поисковым системам нужен текст как ... ну .. текст.

Они будут использовать альтернативный текст, но с гораздо меньшим весом, чем обычный текст.

И вам действительно не нужно использовать изображения, как я уже говорил, используйте @ font-face!

Answer 5

Это должно быть до тех пор, пока оно относительно расположено и следует друг за другом в правильном порядке в дом.