Сделать NVDA текст кнопки чтения при нажатии

Я что-то делаю с NVDA (программа чтения с экрана) и с aria тоже, дело в том, что я хочу, чтобы nvda могла читать содержимое кнопки в виде текста. Например, я хочу, чтобы при щелчке по нему произносился диалог «Вход в систему» ​​вместо диалога в речевом окне NVDA.

Я пробовал со многими ролями арий и делаю что-то с описанными ариями, но не могу заставить их работать, может ли кто-нибудь мне с этим помочь? Благодарю. Вот строка, которую я пытаюсь изменить

<a href="%"<div aria-hidden="true" class="login-icon"></div Login Button</a>


wai-aria nvda
person Pony    schedule 16.04.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это:

<a href="%" role="button">
   <div aria-hidden="true" class="login-icon"></div> 
   Login Button
</a>

role="button" заставит якорную ссылку работать как кнопку для программ чтения с экрана. Если у вас есть тег привязки с текстом внутри, вам не нужно указывать aria-describedby or aria-labelledby. Если вы хотите, чтобы программа чтения с экрана зачитывала что-то, кроме текста, который вы поместили в тег привязки (в вашем случае «Кнопка входа»), используйте aria-label, если это небольшой текст, в противном случае вы можете использовать aria-labelledby, если вы хотите ссылаться на какой-либо конкретный div, h2 или h3 с идентификатором.

Если вы хотите использовать aria-label, вы можете сделать это:

<a href="%" role="button" aria-label="Text other than Login Button">
   <div aria-hidden="true" class="login-icon"></div> 
   Login Button
</a>
person Srikar Phani Kumar Marti    schedule 20.04.2021