Если вы хотите скрыть что -то от пользователей, использующих телефоны, планшеты и вспомогательные технологии, и покажите его только пользователям клавиатуры, то используйте атрибут заголовка.
деталь
Существует проблема с атрибутом заголовка самого HTML. Проблема в том, что он не работает достаточно хорошо в некоторых важных аспектах, хотя это было с нами более 14 лет. С помощью устройств Rise of Touch роль этого атрибута была еще более сокращена. Доступность атрибутов заголовка стала пустой тратой денег, и из -за отсутствия поддержки браузеров поддержка читателей и производители обращают внимание.
Атрибут заголовка становится избыточным из -за отсутствия поддержки в следующих случаях:
Для тех, кто обращается к информации о веб -контенте в своем мобильном браузере. Обычно содержимое атрибута заголовка отображается как сообщение о приглашении в браузере настольных компьютеров. Насколько я знаю, ни один мобильный браузер не поддерживает отображение подсказок, и нет других визуальных методов для доступа к содержимому атрибутам заголовка.
Предоставьте информацию для тех, кто не может использовать мышь. Обычно содержимое атрибута заголовка отображается как сообщение о приглашении в браузере настольных компьютеров. Несмотря на то, что поведение подсказки сообщений существует уже более 10 лет, никогда не было браузера для реализации метода использования клавиатуры для отображения атрибутов заголовка.
Для использования в большинстве элементов HTML он предоставляет информацию для людей, использующих различные вспомогательные технологии. Насколько я знаю, читатели экрана не поддерживают доступ к получению информации о атрибуте заголовка.
Пользователи не дружелюбны к атрибуту заголовка следующим образом
Пользователи мобильного телефона
Только пользователи, использующие клавиатуры
Пользователи используют усилитель экрана
Пользователь для чтения экрана
Пользователи с мелкими нарушениями моториков
Пользователи с когнитивными нарушениями
Примеры полезных атрибутов заголовка:
Метка кадра или элемент iframe:
<кадр название = навигация>
Предоставьте теги, которые появляются только в особых обстоятельствах, которые требуют реализации программ. Использование видимых текстовых тегов непосредственно появится избыточным:
<input type = text title = search> <input type = poord value = search>
Управление тега в таблицах данных.
Примеры атрибутов заголовка бесполезны или не очень полезны:
Добавьте дополнительную информацию по ссылкам или окружающему контенту, который не может быть использован в качестве текста:
<a href = новостная рассылка.
Вместо этого такая информация должна быть частью текста ссылки или рядом с ссылкой.
Предоставьте ту же информацию, что и текст ссылки:
<a href = новостная рассылка.pdf Title = Newspletter> Информационный бюллетень </a>
Рекомендуется не копировать контент ссылки в качестве атрибута заголовка. Это на самом деле эквивалентно ничего не делать.
Название для изображения:
<img src = castle1858.jpeg title = масляная краска на холсте. Мария Таул, 1858.
alt = замок теперь имеет две башни и две стены.>
Вероятно, информация о заголовке является наиболее важной информацией, и по умолчанию должна получить доступ по умолчанию. Если это так, то этот контент должен быть рядом с изображением.
Используется для замены тегов формы и удаления видимых текстовых тегов:
<input type = text title = name>
Пользователь считывателя экрана получит доступ к тегу элемента формы, поскольку атрибут заголовка включен в имя свойства в API доступности (он не поддерживается, когда текстовый тег использует элемент тега). Многие другие пользователи не такие. Рекомендуется включить видимый текстовый тег, где это возможно.
Предоставьте ту же информацию для элементов формы, что и содержимое видимого тега:
<label for = n1> name </label> <input type = text title = name id = n1>
Повторение видимого текста тега невозможно, за исключением добавления серии пользовательских когнитивных шумов. Не делай этого. Повторное видимое текст метки, по -видимому, не имеет никакого эффекта, кроме как добавление серии раздражающего когнитивного шума, останавливая это использование.
Предоставьте дополнительные инструкции для элементов формы:
<label for = n1> name </label> <input type = text title = пожалуйста, используйте uppercase.id = n1>
Если эта директива важна для правильного использования элементов формы, предоставьте текстовую информацию вокруг элементов, чтобы убедиться, что каждый пользователь может его прочитать.
Как сокращение расширения:
<abbr title = консорциум World Wide Web> w3c </abbr>
Хотя атрибут заголовка элемента ABBR поддерживается программным обеспечением для чтения экрана, использование его по -прежнему является проблематичным, поскольку другие группы пользователей не могут его использовать. Рекомендуется предоставить полное имя в формате текста, когда в документе появляется аббревиатура, или предоставить глоссарий формы полного имени. Это не означает, что атрибут заголовка не может быть использован, потому что он имеет ограничения, и должно быть предоставлено полное имя текстовой формы.
HTML 5.1 включает в себя общие предложения по использованию атрибутов заголовка:
Полагаться на атрибут заголовка в настоящее время не поощряется, потому что многие пользовательские агенты не могут отображать этот атрибут в соответствии с требованиями спецификации (например, для устройства Pointer Mouse, чтобы вызвать отображение информации о приглашении, исключая пользователей, которые используют только пользователей клавиатуры и сенсорного экрана)
Замена атрибута заголовка атрибута Alt Element Element или как название изображения запрещено
Полагаться на атрибут заголовка в настоящее время запрещено, потому что многие пользовательские агенты имеют слабую поддержку доступности для этого атрибута ...