RAMPのアクセシビリティの問題

貢献 UX
1

こんにちは、

私は RAMP COVID-19 イニシアチブに取り組んでいます。当プロジェクトではフォーラムに Discourse を採用しており、非常に満足しています。

同僚と accessibility（アクセシビリティ）について検討しています。低コントラストの問題については、管理用 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