Accessibility – Alert

When error message is keep changing, UI need to reflect those changes. To instruct JAWS properly we need to use role, aria-relevant,aria-live tags.

<div 
ng-if="errorMessage.length > 0"
ng-bind="errorMessage"
class="cssclass1"
role="alert" 
aria-relevant="additions text"		
aria-live="polite"></div>

Reference:
http://oaa-accessibility.org/
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s