WebAIM - Web Accessibility In Mind

E-mail List Archives

Hiding text, but still use it for

for

From: JP Jamous
Date: Oct 12, 2018 9:46AM

Hi folks,



I have a form with an alert text after the submit button in the DOM. I would
like to make that alert text announceable once the user sets focus on the
submit button. No problem, I achieved the goal with
aria-labelledby="alert-message button-id". Both JAWS and NVDA announce the
message followed by "Submit button."



The only issue is if the user is down-arrowing, the alert message is spoken
followed by "submit button." Then if the user down-arrows again the alert
message is spoken because it is located in the DOM right after the submit
button outside the <form>.



I cannot move the alert message to be in the DOM prior to the Submit button.
UX will push back hard on this.



How can I prevent both JAWS and NVDA from speaking the alert message as the
user is down-arrowing?



I want to prevent the following announcement:



"Database records are uploaded frequently. Submit Button."

"Database records are uploaded frequently."



The alert message is located in a p tag housed inside a div.





--------------------

JP Jamous

Senior Digital Accessibility Engineer

<mailto: <EMAIL REMOVED> > E-Mail Me | <http://linkedin.com/in/JPJamous>; Join
My LinkedIn Network

--------------------