在浏览模式下，nvda 正在阅读该部分中的全部信息

Question

 .ProfileSubHeadTitleLinkStyle-181 { display: flex; margin-top: 36px; margin-right: 20px; margin-bottom: 24px; justify-content: space-between; }.ProfileSubHeadTitleStyle-182 { font-size: 18px; font-weight: 600; margin: 0px 20px 0px 0px; padding: 0px; }.ProfileEditLinkStyle-283 { font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; font-size: inherit; font-weight: inherit; color: rgb(92, 27, 134); outline: none; text-decoration: none; background: none transparent; border-top: none; border-right: none; border-left: none; border-image: initial; cursor: pointer; display: flex; margin: 0px 10px; overflow: inherit; padding: 0px; text-align: left; text-overflow: inherit; border-bottom: 1px solid transparent; align-items: center; user-select: text; }.profileNameColStyle-282 { margin: 20px 0px; display: flex; flex-flow: row wrap; }.flex1-185 { margin-right: 30px; margin-bottom: 15px; }

 <div id="profileNameWrapper"> <div> <div class="ProfileSubHeadTitleLinkStyle-181"> <h3 class="ProfileSubHeadTitleStyle-182">Name</h3> <button type="button" data-testid="edit-link-test-id" class="ms-Link ProfileEditLinkStyle-283"> <i data-icon-name="Edit" aria-hidden="true" class="root-286"></i> Edit </button> </div> <div> <div class="profileNameColStyle-282" aria-hidden="true"> <div class="flex1-185"> <div class="ProfileSubContentTitleStyle-184">First name</div> <div class="ProfileContentStyle-179">Sarfraj</div> </div> <div class="flex1-185"> <div class="ProfileSubContentTitleStyle-184" data-testid="middle-name-test-id">Middle name</div> <div class="ProfileContentStyle-179">L</div> </div> <div class="flex1-185"> <div class="ProfileSubContentTitleStyle-184">Last name</div> <div class="ProfileContentStyle-179">P</div> </div> <div class="flex1-185"> <div class="ProfileSubContentTitleStyle-184">Preferred first name</div> <div class="ProfileContentStyle-179">P</div> </div> </div> </div> </div> </div>

在浏览模式下，nvda 和 jaws 应该在读取名称和编辑按钮后读取每个部分，但它在编辑按钮后读取整个容器。 它应该逐一阅读每一节。 这样做的方法是什么？ 此外，是否有关于为什么在浏览模式下焦点会转到某些项目而有时会直接转到其子元素的任何文档？

Answer 1

你没有提到你是如何导航的，但我假设你正在使用向上/向下箭头键来遍历 DOM。

你所说的“部分”是什么意思？ 您没有文字<section>元素，也没有任何role="region"元素（如果该部分有aria-label ，这是<section>的默认角色，而您的没有） .

我确实注意到您的<div>上有aria-hidden="true"用于较低的“部分”，这将完全隐藏该<div>中的所有子元素。

 <div class="profileNameColStyle-282" aria-hidden="true">