焦点不会在浏览模式 nvda 中列出项目

Question

similar thing happening here with this code. Browse mode focus not going to list items.

 {<ul style="
        margin: 0px;
        padding: 0px;
    "><li class="attachmentsContainerStyle-319" style="
        text-align: unset;
    " role="listitem" aria-setsize="2" aria-posinset="1">Screenshot 2023-01-09 at 4.34.36 PM_2023-01-12T17:10:00.6072590Z.png</li><li class="attachmentsContainerStyle-319" role="listitem" aria-setsize="2" aria-posinset="2"><p class="attachmentStyle-320"><i data-icon-name="TextDocument" aria-hidden="true" class="attachmentIconStyle-365"></i> Screenshot 2023-01-09 at 4.34.36 PM_2023-01-12T17:10:47.4149896Z.png</p><div><button type="button" class="ms-Link jaIaction-366" aria-disabled="false"><i data-icon-name="Download" aria-hidden="true" class="jaIactioIcon-367"></i>Download</button><button type="button" class="ms-Link jaIaction2-368" aria-disabled="false"><i data-icon-name="Delete" aria-hidden="true" class="jaIactioIcon-367"></i>Delete</button></div></li></ul>}

I want the screenreader to read list item 1 of 2 but the focus directly going to the document name in the list item that is in <p> container.

Answer 1

Your original question is about NVDA and browse mode but you tagged the question with android-a11y . I'm going to ignore android for now.

With NVDA in browse mode, did you try navigating to your list using the L key or to each list item using the i key?

If your main concern is hearing "X of Y" as you navigate each list item, that's totally up to the screen reader itself in addition to user settings. A user can change their verbosity settings and totally turn off the announcement for a list start/end as well as the position within the list, so there's no way you can force that announcement other than having literal "X of Y" text in your code (visibly hidden) for the screen reader to announce.

I noticed you had aria-postinset and aria-setsize in your sample code. I'm assuming you were trying to force the "X of Y" announcement. Those attributes are not needed when you're using semantic <ul> or <ol> elements and, as you probably noticed with your testing, does not force the "X of Y" announcement. That again is up to the screen reader software and the user settings.

Same with role="listitem" - it's not needed in your example.