aria-label, h-card или оба?

Question

Нужно ли мне aria-label атрибутов, когда я использую h-карту (это для контактной информации компании в нижнем колонтитуле страницы)?

<div class="h-card"> 
    <a class="u-url" href="http://example.com"> 
    <img src="http://example.com/static/logo.svg" alt="Example Logo"> 
    <span class="p-name sr-only">Example Corp.</span> 
    </a> 
    <div aria-label="Address" class="p-adr h-adr"> 
    <span class="p-locality">Eugene</span> 
    <span class="p-region">OR</span> 
    <span class="p-postal-code">97403</span> 
    </div> 
    <a aria-label="Telephone" class="p-tel" href="tel:12345678">(12) 345-678</a> 
</div> 

Являются ли эти арии яркими или нет, они приносят некоторую ценность? Должны ли быть более подробные атрибуты aria-? (? И если да, то какие)

Answer 1

WAI-ARIA и Microformats не "конкурировать":

• WAI-ARIA является основой для повышения доступности вашего веб-контента.

• Microformats - это соглашение о разметке структурированных данных на ваших HTML-страницах.

Они имеют разные цели, и потребители WAI-ARIA не обязательно поддерживают Microformats, и потребители микроформатами не обязательно поддерживают WAI-ARIA.

Итак, при принятии решения о необходимости использования атрибута WAI-ARIA aria-label в вашем примере проигнорировать, используете или как используете Microformat h-card и наоборот. Они не взаимодействуют друг с другом.

Answer 2

Не рекомендуется использовать aria-label; в худшем случае, прокручиватель закончит считывание арии-метки вместо вашего контента, что делает его менее доступным.

As spec'd, значение aria-label, если оно присутствует, используется вместо содержимого элемента (несколько упрощается); но на практике поведение варьируется в зависимости от типа элемента и конкретного используемого браузера/браузера;

Как выясняется, в случае или aria-label используется на SPAN,

• VoiceOver на Mac считывает метку вместо Контента

• NVDA и JAWS на Windows, игнорировать aria-label прямо и просто зачитал содержимое div/span. (Это может измениться в некоторых будущих обновлениях этих инструментов ...)

В лучшем случае его игнорируют; в худшем случае он заменяет ваш фактический контент. Лучше не использовать его в вашем случае.

ARIA может быть очень полезным при использовании тщательно; но проблемы с совместимостью с браузером означают, что, к сожалению, он заполнен подводными камнями; если вы собираетесь использовать его вообще, рекомендуем проверить спецификации, а также убедиться, что вы протестируете с помощью реальных прошивок, чтобы вы могли убедиться, что использование арии не имеет непредвиденных последствий для того, чтобы сделать ваш контент менее доступным !