RAMP 可访问性问题

贡献 用户体验
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 过于严格，还是我们遗漏了一些关键点？任何帮助都将不胜感激。

提前感谢，
Kostas

8 个赞