* РБК — новости

* *

Не полагайтесь на атрибут заголовка для доступности и SEO

  1. Что такое атрибут заголовка? Атрибут title часто используется для предоставления дополнительной информации...
  2. Чего не делать?
  3. Что делать?
  4. Подождите. Разве атрибут заголовка не подходит для SEO?
  5. Резюме

Что такое атрибут заголовка?

Атрибут title часто используется для предоставления дополнительной информации об элементе. Редакторы контента найдет поле для этого, когда они добавят ссылку или изображение в WYSIWYG. CKEditor WYSIWYG называет его «Консультативным заголовком» на вкладке «Дополнительно» модалов свойств ссылок и изображений:

Получившийся HTML помещает атрибут в элемент с названием title, значение которого равно тому, что было введено в текстовое поле. HTML будет выглядеть так для ссылок:

<a href=velopersomepage.html двуспальный заголовок = реализованная дополнительная информация> Некоторый текст </a>

Или вот так на изображении:

<img src = ”my-favourite puppy.jpg” title = ”Фотография кота” alt = ”СиДжей, померанский щенок, спит в неловком положении”>

В большинстве браузеров текст «Дополнительная информация» и текст «Фотография кота» будут отображаться как всплывающая подсказка при наведении курсора на элемент с помощью мыши.

Это допустимое использование атрибута title с технической точки зрения. В конце концов, атрибут title является глобальным атрибутом и может использоваться с любым элементом HTML. И мы предоставляем дополнительную информацию. И, вы могли бы сказать, подсказка может быть полезной. Так почему бы не использовать его? Есть несколько вопросов, касающихся доступности, которые следует принять во внимание.

Почему бы не использовать атрибут заголовка?

  1. Кто-то, кто использует клавиатуру для навигации по веб-сайтам, например, тот, у кого нет точного управления двигателем, требуемого мышью, никогда не увидит ваши атрибуты заголовка, потому что у них нет возможности навести курсор на элементы.
  2. Человек, который использует программу чтения с экрана, потому что он слепой или имеет слабое зрение, вероятно, никогда не получит прочитанный им атрибут заголовка. Некоторые программы чтения с экрана не поддерживают атрибут title, а те, которые поддерживают, не читают атрибут title по умолчанию. Требуется изменить настройку заголовка для чтения, что не все пользователи делают.
  3. Устройства с сенсорным экраном, такие как телефоны и планшеты, не поддерживают атрибуты заголовка, что создает проблему доступности для всех, а не только для людей с ограниченными возможностями.

Чего не делать?

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

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

Что делать?

В общем, использование атрибута title не рекомендуется ... за одним исключением. Вы должны ВСЕГДА предоставлять атрибут заголовка для элементов кадра. Это поддерживается в программах чтения с экрана.

<frame title = "Реклама">

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

Например:

<a href=veloperroad-less-traveled.htmlulations> Подробнее <span class = ”element-invisible”> о поэме Роберта Фроста «Дорога не взята» </ span> </a>

И если вам действительно, действительно, действительно нужно вставить атрибут истерики по какой-то причине, подумайте над тем, чтобы поместить текст в атрибут data- * вместо этого (то есть название данных).

Подождите. Разве атрибут заголовка не подходит для SEO?

Судя по всему, что я прочитал, нет. Во всяком случае, не на той странице, где он находится. Поскольку атрибут title можно использовать для каждого html-элемента, это был бы отличный способ выполнить какую-то серьезную вставку ключевых слов, чтобы иметь смысл игнорировать его поисковыми системами. Вам гораздо лучше поместить ключевые слова в текст ссылки, чем в атрибут заголовка. (Отказ от ответственности: я не эксперт SEO. Если у вас есть доказательства обратного, пожалуйста, добавьте комментарий!)

Резюме

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

Дополнительные ресурсы

5 простых способов сделать ваш сайт более доступным | Сообщение блога
Обеспечение доступности на веб-сайте с самого начала | Сообщение блога

5 простых способов сделать ваш сайт более доступным   |  Сообщение блога   Обеспечение доступности на веб-сайте с самого начала   |  Сообщение блога

Что такое атрибут заголовка?
Чего не делать?
Что делать?
Разве атрибут заголовка не подходит для SEO?
Так почему бы не использовать его?
Почему бы не использовать атрибут заголовка?
Чего не делать?
Что делать?
Разве атрибут заголовка не подходит для SEO?

Реклама

Популярные новости


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама