Добавление замещающего текста и метки арии к значку избранного
Как мы можем добавить альтернативный текст и метку арии к значку избранного?
Пробовал следующее, но безрезультатно.
Я задаюсь вопросом, нужны ли эти детали значку избранного, но не вижу ссылок в W3, чтобы подтвердить, нужно ли это или нет.
Пожалуйста, совет.
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link
rel = "icon"
type = "image/x-icon"
href = "https://www.company.com/favicon.ico"
<!-- This doesn't do anything. And do I even need this -->
alt = "some sample"
aria-label = "I AM ARIA LABEL"
>
</head>
<body>
<h1>This is a Heading 12</h1>
<p>This is a paragraph. 1</p>
</body>
</html>
Ответы 3
alt или aria-label не требуются или не нужны в теге <link>, который вы идентифицировали как фавикон на своей странице. в дополнение к alt:
- атрибут
altработает только в том случае, если определенное изображение на веб-сайте не может быть отображено.
Фавикон 1.) не является тегом img и 2.) не отображается в body HTML-кода, поэтому вам не нужен атрибут alt или атрибут метки aria для него, поскольку он не будет прочитан программами чтения с экрана.
Что ж, если вы выполните поиск в Руководстве по доступности веб-контента по адресу w3.org/TR/WCAG21/#non-text-content, вы вообще не найдете термин «favicon». Вы можете найти «значок», но все в нем относится к содержанию или какому-то необходимому пояснению функциональности, а значок определенно не является содержанием, а самое большее «украшением» (поиск «значка» в WCAG даст только результаты, которые не соответствуют действительности). не относится к фавиконам). Он должен содержать некоторую информацию, чтобы считаться контентом, но фавиконы действительно слишком малы для этого (или даже не будут отображаться в некоторых случаях), поэтому просто забудьте об этом.
Технически, поскольку элемент <link>, ссылающийся на фавикон, находится в <head>, он не отображается на странице и, следовательно, не может иметь альтернативный текст или метку.
На самом деле, фавикон — это чисто декоративный значок, который поможет вам быстро идентифицировать ваш веб-сайт без необходимости пользователю читать URL-адрес или доменное имя. Таким образом, он не несет никакой полезной информации для слепых и слабовидящих пользователей, которые не могут различать достаточно деталей, что позволяет осуществлять быстрое визуальное распознавание.
Обратите внимание, что по только что объясненным причинам, если бы требовался альтернативный текст, он должен был быть пустым.
Имеет смысл. Но есть ли официальное руководство по этому поводу, подтверждающее эту информацию. Я не могу найти никаких ссылок на это.