【解決方法】リスト項目で ENTER キーを押すと NVDA が ENTER キーを読み上げるスクリーンリーダーを作成するにはどうすればよいですか (ARIA)

[ad_1]

昨日からなんとかしようと頑張っているのですが、できません。
問題は、タブを押して Enter キーで項目の 1 つを選択できる項目のリストがありますが、選択した項目で Enter キーを押しても、スクリーンリーダーは何も読み上げません。

これは私が修正しようとしているコードの一部です

<div class="SelectedNames"> <ol> <li ng-repeat="name in names" ng-class"isSingleNameSelected(name) == true ? 'selected' : no-selected'" ng-click="verifySelected(name)"> <a href="%" class="nameTitle> {{ item.name }}</a>

注: 変更できるのは一部、残りには触れる必要はありません

aria を使わずにこれを行う別の方法を教えていただけても構いません。 listitem 内の項目に対して Enter キーを押したときにのみ機能するようにする必要があります
私にはできないので、誰かがそれを修正する方法を発見できれば感謝します。ありがとう

私が試したこと:

I tried many things, aria-selected="false" (which only works with buttons, but i'm trying to do this with <a>, so it doesn't work), javascript, aria-atomic="true" but i can't make it work with this, etc....

解決策 1
ヘッダータグを配置した後、中身タグを付けると、NVDAのヘッダーが読み取られます置いてください前にタグを付ける鬼ごっこ。例えば：修正前ではない私のコード: セクション-1 第2節コードを修正した後は、JAWS および NVDA でうまく動作しますセクション-1 第2節私のヘッダー 1
私のヘッダー 2

解決策 1

NVDA スクリーンリーダーでも同様の問題に直面しました。Enter キーを押しても、スクリーンリーダーが起動しません。

ヘッダータグを配置した後、中身タグを付けると、NVDAのヘッダーが読み取られます置いてください前にタグを付ける鬼ごっこ。例えば：修正前ではない私のコード: セクション-1 第2節コードを修正した後は、JAWS および NVDA でうまく動作しますセクション-1 第2節私のヘッダー 1

….

私のヘッダー 2

….

参照: https://www.w3docs.com/tools/code-editor/1044