Ссылка на гугл, чтобы показать, что есть множество статей на эту тему, соответственно это общепринятая практика.
aria-label нельзя устанавливать на некоторые html контейнеры
Да, и еще это тоже.
необходимость его использовать уже значительный повод задуматься над реализацией
Не факт. Например, на странице товара в поиске по товару есть график изменения цены, сделанный с помощью svg. С помощью visually-hidden мы поместили на страницу таблицу, в которой есть вся информация по изменению цен. По другому сделать этот график доступным для скринридеров было нельзя.
Я думаю, что заниматься другими задачами. Встречный вопрос: если задача оценена на день, а вы к концу для поняли что вам нужен ещё день, что вам делать? Работать вечером и ещё полночи чтобы закрыть? Или поработать завтра бесплатно? Никто не скажет так делать. То же самое, я считаю должно работать и в другую сторону. У большинства в контракте прописана 40-часовая рабочая неделя, а не кол-во Стори поинтов. Оценки нужны для планирования и могут быть ошибочными как в меньшую так и большую сторону.
Ладно, я объяснила, почему именно такой способ советую я, а вы уже понимая все за и против можете сами решить, как вам подписывать кнопки. :)
Ссылка на гугл, чтобы показать, что есть множество статей на эту тему, соответственно это общепринятая практика.
aria-label нельзя устанавливать на некоторые html контейнерыДа, и еще это тоже.
необходимость его использовать уже значительный повод задуматься над реализациейНе факт. Например, на странице товара в поиске по товару есть график изменения цены, сделанный с помощью svg. С помощью visually-hidden мы поместили на страницу таблицу, в которой есть вся информация по изменению цен. По другому сделать этот график доступным для скринридеров было нельзя.
Я думаю, что заниматься другими задачами. Встречный вопрос: если задача оценена на день, а вы к концу для поняли что вам нужен ещё день, что вам делать? Работать вечером и ещё полночи чтобы закрыть? Или поработать завтра бесплатно? Никто не скажет так делать. То же самое, я считаю должно работать и в другую сторону. У большинства в контракте прописана 40-часовая рабочая неделя, а не кол-во Стори поинтов. Оценки нужны для планирования и могут быть ошибочными как в меньшую так и большую сторону.
следует подписывать с помощью специального атрибута aria-labelПредпочтительнее использовать visually hidden, потому что при автоматическом переводе страницы текст, который не находится внутри элемента читается на ломанном языке. Например, если весь текст страницы будут читать на английском, то вот эту часть - на ломанном английском. Скрытый текст - это не костыль, это общепринятая практика, используемая повсеместно https://www.google.com/search?q=visually+hidden&oq=visually+&aqs=chrome.1.69i57j0i512l9.3202j0j7&sourceid=chrome&ie=UTF-8&bshm=ncc/1
То же самое справедливо и для ссылок с тегом <img> внутри. aria-label лучше, чем атрибут altВ спецификации прописано как раз, что нужно указывать alt https://www.w3.org/WAI/tutorials/images/decision-tree/
В ссылке <a tabIndex={0}>Фото котиков</a> нужен tabindex, т.к. у нее отсутствует href, а это значит, что ссылка не будет получать фокус клавиатуры.href я опустила. Я конечно имела в виду обычную ссылку с href.