Диалог с ROLE = 'Dialog', заставляя считывания экрана объявить о всем контенте, несмотря на то, что уделяет фокус на кон ⇐ Javascript

[Anonymous]

Я внедряю доступное меню профиля в Vue 3, используя V-Menu с Role = "Dialog". Когда меню открывается, я уделяю фокус на конкретном элементе, но считыватель экрана (указывайте, какой из них: nvda, jaws, голос за кадром и т. Д.) Объявляет все контент в диалоге, а не только сфокусированный элемент. < /P>






{{ t('profile') }}
{{ store?.user?.name }}
{{ userRole }}









tabindex="0">

{{ t('profile') }}
{{ store?.user?.fullName }}
{{ userRole }}





{{ t('myProfile') }}

v-if="store?.user?.roles.includes('PARTNER_ADMIN') || store?.user?.roles.includes('ADMIN') || store?.user?.roles.includes('SUB_ADMIN')"
@click="redirectToDashboard"
class="profileMenu__item profileMenu__item--dashboard"
:aria-label="ariaLabelData.dashboard"
tabindex="0">



{{ t('dashboard') }}






v-if="(store?.user?.roles.includes('PARTNER_ADMIN') || store?.user?.roles.includes('ADMIN')) && store?.user?.profileConfiguration?.enabled"
@click="redirectToProfile"
class="profileMenu__item profileMenu__item--profile"
:aria-label="ariaLabelData.profilePage"
tabindex="0">



{{ t('profilePage') }}






@click="closeMenu"
class="profileMenu__item"
:aria-label="ariaLabelData.mfasettings"
tabindex="0">

{{ t('mfasettings') }}




{{ t('signout') }}






< /code>
Ожидаемое поведение: Когда открывается диалоговое окно, и фокус устанавливается на кнопке моего профиля, только эта кнопка должна быть объявлена ​​чтением экрана. /> Настройка Aria-modal = "true" < /li>
Использование Trapfocus () для содержания фокуса в диалоге < /li>
Настройка явного фокуса на кнопке My Profile с задержкой < /li>
< /ul>
Есть что-то конкретное в vue rending или when warmer-считчики с экраном, снятые с динамически, снятые с помощью динамически снятых наоборот.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... nt-despite