2010-03-18 1 views
4

Что было бы хорошо писать текст ALT для фотографии ребенка, который улыбается и сидит в саду?Какой текст лучше всего подходит для чтения с экрана, например, «улыбающийся малыш»?

Это

alt="Photo of smiling kid sitting in the garden" 

этого

alt="Photo of smiling kid" 

этого

alt="Smiling kid sitting in the garden" 

этого

alt="Smiling kid" 

Моя цель - задать этот вопрос, я хочу знать, следует ли включать «Фото ...» в каждый текст alt и как мы должны описывать фотографию в альт-тексте.

+2

Что вы положили в тексте альт зависит от причины, почему вы поместили изображение на странице. – Alohci

ответ

0

Это действительно не здесь. Текст alt должен описывать, что изображение показывает, и, вероятно, будет поддерживаться текстом на странице, но какой уровень детализации вы планируете решать вам.

9

Это зависит от контекста, но делает его как можно короче, не оставляя важной информации. Как пользователь экрана, мне нравится короткий текст, который доходит до точки, поэтому мне не нужно слушать много бессмысленных описаний. alt = «Фото улыбающегося ребенка» слишком длинное. Челюсти объявляют о том, что он читает графику, так что альт = «улыбающийся малыш» будет лучше, так как он сохраняет два слова, которые мне не нужно слушать. важно в теге alt. Например, если факт, что ребенок находится в саду, не важен, не помещайте его в тег alt. Если тот факт, что ребенок находится в саду, является важной информацией, которую должен знать читатель затем положить его в альт тег.

3

Как правило, альтернативный текст должен быть, что бы вы сказали, если вы читаете страницу, чтобы кто-то за «телефон.

картинка стоит один тысячи слов, но только некоторые из этих слов важны в контексте. Одно и то же изображение будет иметь другой альтернативный контент в зависимости от контекса t используется. Например, на сайте фотогалереи изображение является основным контентом, и описание изображения было бы уместным. Тот же образ, используемый для создания настроения в статье, не вносит никакого реального содержания, поэтому alt="" будет лучше.

Проверьте свои веб-страницы с помощью Lynx, это очень хороший способ увидеть, если вам нужно изменить текст alt, потому что он не передает все необходимое для передачи или не имеет смысла в контексте.

Покойный, замечательный Alan Flavell wrote an excellent article on the subject, который я считаю важным чтением.

+0

Согласен, я также найду некоторых читателей экрана и посмотрю, как ваша страница «звучит». –

+0

См. Эту ссылку http://www.webaim.org/projects/screenreadersurvey/#images «Идентификация фотографий» –

2

Почему бы не следовать стандартам? Руководство WCAG 2.0 «1.1.1 Нетекстовое содержимое» говорит, что для контента (например, изображений), которые используются для декоративных или форматирующих целей, они должны быть реализованы таким образом, чтобы вспомогательная технология (например, экранные считыватели) могла ее игнорировать. Если «улыбающийся ребенок» является декоративным, используйте пустой атрибут alt = «».

http://www.w3.org/WAI/WCAG20/quickref/#text-equiv-all

+0

Как решить образ улыбающегося ребенка является декоративным или нет? –

+1

Это зависит от использования изображения, не так ли? Если ребенок улыбается, потому что он получил Счастливое питание во время учебы, и это имеет смысл, а затем добавьте описание. Если ребенок там просто украсит участок и даст посетителю теплое и нечеткое чувство, что ему повезло оказаться здесь, то он, вероятно, считается декоративным. –