WebAIM - Web Accessibility In Mind

E-mail List Archives

Aria Live announcements and .Net Pages

for

From: Greg Gamble
Date: Oct 11, 2017 11:26AM

I have a Web Site, created under .Net 4.5 with C#. For the front end we're using the Bootstrap framework and jQuery. This is a Web Forms site, not MVC.

My issue is in getting aria-live regions to announce an alert under NVDA.

I have the following page markup.

<div class="text-center" aria-live="assertive" aria-atomic="true">
<asp:Literal runat="server"></asp:Literal>
</div>

The control asp:Literal is where I am injecting the following html:

<p class='bg-success' style='padding: 4px;' role='alert'>
<span class='glyphicon glyphicon-ok' aria-hidden='true'></span>;" + sMessage + "
</p>

NOTE: The literal control is like a place holder for content, but without any markup ... it simply shows the content you add to it as is

The markup when I add the message looks like this:

<div class="text-center" aria-live="polite" aria-atomic="true">
<p class='bg-warning' style='padding: 4px;' role='alert'>
<span class='glyphicon glyphicon-ok' aria-hidden='true'></span>
record saved
</p>
</div>

Prior to adding the message, the generated markup looks like this:

<div class="text-center" aria-live="polite" aria-atomic="true">

</div>


It should announce the text, but I get nothing. I even tried injecting the text via JavaScript, but I get the same results ... or lack of.

Any .net developers that have gotten this to work?





Greg Gamble
SBCTC - Olympia | Information Services