Lighthouse アクセシビリティ監査の課題

トピック

1 つの問題(コントラストと前述の li の非問題を除く)

リンクに明確な名前がない

リンクテキスト(リンクとして使用される画像の代替テキストを含む)が明確で、一意であり、フォーカス可能であることは、スクリーンリーダーユーザーのナビゲーション体験を向上させます。詳細はこちら

2 つの発生箇所:

  1. 各投稿に、寸法のない a.tabLoc 要素が割り当てられています。これらはキーボードでの投稿移動用と思われます。スクリーンリーダーには不要であるため aria-hidden: true で非表示にされています。Hide empty anchor tag from screen readers · discourse/discourse@bdaf07a · GitHub

  2. トピックが個人メッセージであることを示すために使用される封筒アイコンは、PM 受信トレイへのリンクとしても機能しており、すべてのトピックに対してそのリンクを読み込んでいました… 個人メッセージでない場合でも。そのリンクを PM の場合に限定し、さらに title 属性と aria-label を追加しました。Don't load PM icon in title unless topic is a PM · discourse/discourse@1983f0d · GitHub および UX: Add title attribute and aria-label to PM icon link · discourse/discourse@aa71818 · GitHub

「いいね!」 6