Проблемы доступности RAMP

Внести вклад UX
1

Здравствуйте,

Я работаю над инициативой RAMP по борьбе с COVID-19. Мы выбрали Discourse для нашего форума и очень довольны им.

Коллега и я изучаем вопросы доступности. Я считаю, что проблемы с низким контрастом мы решили с помощью функциональности административных CSS-стилей. Однако, согласно отчету WAVE, у нас есть ряд проблем, которые, как нам кажется, мы не сможем решить самостоятельно:

  • Ссылка на изображение без альтернативного текста: речь идет об аватарах. Есть описательный заголовок, но атрибут alt пуст.

  • На каждой странице отсутствует метка:

    <div><input type="text"></div>

  • На каждой странице есть пустой заголовок:

    <div class="title"><h3></h3><!-- --></div>

  • Сообщается о множестве пустых кнопок, связанных с SVG.

  • Есть пустые ссылки, например:
    <a href="" aria-hidden="true" tabindex="-1" class="tabLoc"></a>
    и
    <a href="" class="edit-topic" title="edit the title and category of this topic" data-ember-action="" data-ember-action-27="27"><svg class="fa d-icon d-icon-pencil-alt svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#pencil-alt"></svg></a>.

  • Есть пустой заголовок таблицы: <th data-sort-order="posters" class="posters"></th>

Меня очень удивит, если мы единственные, у кого возникают такие проблемы. Поэтому я спрашиваю: не слишком ли строго WAVE оценивает ситуацию, или, возможно, мы что-то упускаем? Любая помощь будет крайне ценной.

Заранее большое спасибо,
Костас

8 лайков