問題2:見出しラベル

問題: VoiceOver はクイックナビゲーションキーを使用して返信の見出しに移動できますが、見出しのテキストは各返信の目的や内容を明確に示していません。

具体的な動作:

● 見出しはプロフィール名をアナウンスしますが、返信内容に関するコンテキストが不足しています。

● ユーザーは返信を見つけることはできますが、どの返信に関連情報が含まれているかを効率的に特定することはできません。

重要度が高い理由: ユーザーは関連性を判断するために各返信を確認する必要があるため、ディスカッションの読解が非常に困難で混乱を招きます。

これらの問題は、Screen Reader Accessibility issues で最初に報告されました。

期待される動作について説明していただけますか?

ユーザーは、どの投稿に返信しているかを知ることができるようになります。

しかし、どうやって?何を聞きたいのですか?スクリーンリーダーには全く詳しくないので、質問しています。
SafariでVoiceOverをオンにして、返信ボタン要素にいると、次のようなことが表示されます。

「投稿#2への返信、[ユーザー名]より」

例えば、視覚に障害のない人は、視覚的なグループ化によってどの返信ボタンをアクティブにするかを知ることができます。画面リーダーを使用する視覚に障害のあるユーザーが、どの返信ボタンがどの投稿に関連付けられているかを確実に知る方法が必要です。現在、ユーザーはそれらすべてを聞かなければなりません。

この問題の修正が鍵となる可能性があります: Issue 1: Broken Heading Navigation / DOM Manipulation

@adress これは、別の問題で言及されていたものと同様の要素リストスタイルのナビゲーションを使用していますか?この場合、ランドマークはお互いから区別するのが困難です… VoiceOverからの例を次に示します。

これらにはラベルを提供できると思います。

「いいね!」 1

はい、スクリーンリーダーに問題があります。リンク、ボタン、同じ名前が繰り返される要素は役に立ちません。ありがとうございます。