![]() If you absolutely need it announced, then it should be part of your message. You can't rely on the word being announced. ![]() Whether the screen reader says the actual word "alert" is a choice for the screen reader and browser combination. Is this according to specification or is this a bug in Chrome? ![]() So it appears that Chrome / NVDA ignores modifications to divs, which start out with "display: none". What changed is that the divs lblErr/lblErr2 now start out with a "display: none" style attribute, even though I remove it, before adding the error message. " when the message is added in Chrome? Is this a problem with the HTML or Chrome or NVDA? Can I fix it by making a non-breaking change to the HTML?Įdit: I now edited the HTML / JS so that it does not read any error message in Chrome at all, while it still reads it in Firefox. My question is: Why does NVDA not read "alert. The span and div construction surrounding the error messages is the same in production and in my snippet. Chrome reads it only once and omits the second message starting with "alert". Once only the messagetext and then the second time "alert" and then the message text. Here Firefox reads the error message twice. This reduced demonstration snippet behaves slightly different. The following section has been edited, please see edit below. The same case in Firefox causes NVDA to read "alert. In production when selecting the "No" selection the error message is added to the HTML, but no error message is read at all by NVDA. This HTML has a problem in combination with Google Chrome and an NVDA screen reader. In production there are 5 to 6 of these selections one below the other and it is embedded into a greater HTML structure (with multiple parent divs which also have navigation elements and other stuff). ![]() This is an extracted and simplified version of our production HTML / JS. Var errMsg = document.createTextNode('Very long error message with special red font, details, paragraphs and recovery suggestion is displayed here') Var spanTwo = document.createElement('span') Var spanOne = document.createElement('span') Var newDiv = document.createElement('div') Var errorDiv = document.getElementById('lblErr') ![]() I added it to the onChange of the radio buttons: The JavaScript code which adds the error message. Screenreader Errormessage Test with Radiobuttons ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |