WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria Live announcements and .Net Pages

for

From: Swift, Daniel P.
Date: Oct 11, 2017 2:01PM

Greg, is there any chance that your issue is related to the life-cycle of the page? In my experience, postback introduces all kinds of fun issues.

Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Greg Gamble
Sent: Wednesday, October 11, 2017 1:26 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] Aria Live announcements and .Net Pages

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