Я пытаюсь изменить свой сайт так, чтобы он соответствовал стандартам WCAG. Я создаю ссылки без содержания, но они помечены как ошибки.Якорный элемент, найденный с действительным атрибутом href, но контент ссылки не указан
Я был перенаправлен на исправление редактором (H91), но это действительно не решает моего дела.
Как мне подойти к этому?
Пример текущей ссылки:
<a name="dbcaddi:hasSubjectDescription"></a>
Если ваша ссылка предназначается, чтобы быть якорь, просто добавьте id атрибут с таким же значением, как name.
Если ссылка предназначена для фактической ссылки, которую пользователь может активировать, вам необходимо указать «текст ссылки», то есть некоторый описательный текст между <a> и </a>.
Это необходимо для доступности, потому что некоторые пользователи (например, пользователи с экрана) перечисляют все ссылки страницы, чтобы быстро ее понять.
Как разработчик приложения, если ваша ссылка пуста, вы должны удалить его, а при необходимости (JS событие или так) добавить все полное и Функциональное строфу: <a href="...">blabla</a>
(Кстати, если вы используете некоторые JS/AJAX, вы должны дать обзор в концепциях WAI-ARIA).
Что происходит, если внутри тега привязки есть элемент div? Как бы вы сделали этот якорь WCAG 2.0-совместимым? –
В конце концов, я закончил тем, чтобы добавить и скрыть это в ссылке:
<span> </span>
Добавление диапазона с ' ' на самом деле не поможет читателю экрана. – Nick
* Почему * ваши элементы 'a' не содержат содержания? Каково их использование? – unor
Они действуют как ajax-ссылки. Было бы неплохо перефразировать эти элементы вместо использования других элементов типа. Это вариант B, потому что тогда мне также нужно будет отредактировать ajax. –
Таким образом, они содержат контент (' content'), но не имеют атрибута 'href'? Может быть, вы должны включить пример в свой вопрос. – unor