Написание эффективного Альт текст для изображений
Тот, кто знает что-либо о доступности веб-известно, что изображения должны альтернативы или ALT, текст, возложенные на них. Это объясняется тем, что экран читатели не могут понять, картинки, а читать вслух альтернативный текст возложенные на них. В Internet Explorer мы можем увидеть этот ALT текст, просто mousing над изображением, и смотрит на желтые подсказки, который появляется. Другие браузеры (правильно), не делать этого. В HTML для вставки ALT Текст: IMG SRC = "filename.gif" ALT = "Альтернативное описание здесь" Но, безусловно, не может быть умение письменно ALT текст картинки? Вы просто поп описание там, и вы хорошо идти, верно? Ну, типа. Конечно, это не ракетостроение, но Есть несколько руководящих нужно следить ... Spacer изображений и пропавших ALT textSpacer изображения всегда должны быть нулевым ALT текста или альт = "". Таким образом, большинство читателей, экран будет полностью игнорировать образом и не будет даже объявить о своем присутствии. Spacer изображения невидимые изображения, что довольно большинство веб-сайтов использовать. Целью их является, как следует из названия, для создания места на странице. Иногда это не возможно, чтобы создать визуальное отображение нужно, так что вы можете придерживаться образа в (указав его высоту и ширину) и voliÃÆ'à †  € ™ € Ãâ SA, A, у вас есть дополнительное пространство вы need.Not каждый использует этот нуль ALT текст Spacer изображений. Некоторые веб-сайты претить альт = "Spacer изображение". Представьте, как раздражает это может быть на экране читатель пользователя, особенно если у вас есть десять из них в один ряд. Экранизация читатель хотел бы сказать, "Образ, Spacer изображение" десять раз подряд (экран читатели, как правило, говорят слово "образ", перед оглашением его ALT текст) - теперь это не помогает! Другие веб-разработчики просто не включайте ALT Атрибут для Spacer изображений (и, возможно, других изображений). В этом случае, большинство читателей экране зачитает имя файла, который может быть "newsite / фото / onepixelspacer.gif". Экранизация читатель будет объявить этот образ, как "Образ, newsite слеш слеш изображения одного пикселя Spacer точка GIF". Представьте, что это будет звучать как если бы десять из них в ряд! Пули и iconsBullets и значки должны быть во многом таким же образом Spacer как изображения, так должно быть нулевым альтернативного текста или альт = "". Подумайте о перечне товаров с себе пулю производства каждому пункту. Если ALT текст, 'Bullet' присваивается каждому изображении, а затем, "Образ, пуля "будут читать вслух на экране читателям перед каждым элементом списка, что считать, что немного на работу через list.Icons, как правило, используются в дополнение к ссылке, также должны быть отнесены альт =" ". Многие веб-сайты, который поставить рядом с ссылкой текст, используйте текст ссылки как ALT текста значок. Экран читателям будет первым объявить этот ALT текст и нажмите на ссылку текст, так что бы потом сказать ссылке два раза, что, безусловно, не является необходимым. (в идеальном случае, пули и значки должны быть призваны в качестве фоновых изображений через CSS документ - это удалить их из HTML документа, и поэтому полностью устранить необходимость в каких-либо ALT Описание.) Декоративная imagesDecorative изображения также должны быть отнесены недействительным альтернативного текста или альт = "". Если изображение является чисто глаз конфеты тогда нет необходимости в экране читатель пользователю даже не знаешь, что там и время сообщил о своем присутствии лишь добавляет шум pollution.Conversely, можно утверждать, что снимки на своем сайте создать бренд и, скрывая их от экрана читателю пользователи вы отрицать эту группу пользователям тот же опыт. Доступность эксперты склонны отдавать бывшей аргумент, но, безусловно, является допустимым для последнего too.Navigation И текст встроенные в меню imagesNavigation которые требуют фантазии Текст не имеют иного выбора, кроме как вставлять текст в изображении. В этой ситуации, ALT текст не должен быть использован для расширения изображения. Ни при каких обстоятельствах не следует ALT текстом говорят: "Читайте все о нашей фантастической услуг, призванный помочь вам все, что вам делать ". Если в меню пункт говорит: "Услуги", то ALT текста следует также сказать, "Услуги". ALT текст всегда должны описывать содержание изображения и должны повторять текст Слово за слово. Если вы хотите расширить навигацию, например, в этом примере, вы можете использовать в названии attribute.The же самое относится и к любой другой текст встроенным в изображение. Альт текст следует просто повторить, Слово за слово, текст, содержащийся в этом изображении. (если шрифт используется Особенно это уникальный часто нет необходимости вставлять в текст картинки - Advanced судоходства и справочные воздействие может быть достигнуто с CSS.) Компания logoWebsites, как правило, варьируются в том, как они применяются ALT текст логотипы. Некоторые говорят, 'Название', другие 'Название логотип ", а другие описывают функцию изображения (обычно ссылка на главной странице), "Назад к дому". Помните, ALT текст всегда должны описывать содержание изображения так, первый пример, альт = "Название", является, вероятно, самый лучший. Если логотип является ссылкой на главную страницу то это может быть эффективно передается через названия tag.ConclusionWriting эффективные ALT текст не слишком сложно. Если это декоративные изображения тогда нулевой альтернативой текста или альт = "" должны быть использованы, как правило - никогда не опустить атрибут ALT. Если изображение содержит текст, то текст должен ALT просто повторите этот текст, слово за слово. Помните, ALT текст описания содержимого картинки и ничего more.Do быть уверены также держать ALT короткий текст и краткие сроки. Прислушиваясь к веб-страниц с экрана читателя занимает значительно больше времени, чем традиционные методы, так не делают серфинг опыт болезненным для чтения экрана пользователей с раздутой и ненужных ALT text.This статья была написана Трентоне Мосс. Он сводит с ума по поводу использования Интернета и доступность - так с ума, что он пошел и начал свой собственный веб-удобство и доступность консультантов (Webcredible --
Статья Источник: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Вебмастер получить html-код
Добавить эту статью на Вашем сайте прямо сейчас!
Вебмастер представить свои статьи
Не требуется регистрация! Заполните форму и ваша статья в Messaggiamo.Com каталог!
