RE: Proposed ROLE values to support WCAG 2.0 validation and AT user interface enhancements

Jon,

some comments:

ROLE=”INSTRUCTIONS”

I second having that since we really need to announce in place typed instructions,. e.g.  for keyboard usage of custom elements.
But: Isn’t this a role equivalent to aria-help / aria-hint property?

ROLE=”ERROR”

Why just error, why not WARNING or INFO, too?

Best Regards
Stefan


From: Gunderson, Jon R [mailto:jongund@illinois.edu]
Sent: Montag, 24. November 2014 19:32
To: W3C WAI Protocols & Formats
Subject: Proposed ROLE values to support WCAG 2.0 validation and AT user interface enhancements

I would like to propose the following ARIA roles to help identify key features of a web page related to WCAG 2.0 success criteria.

The roles can be used by web accessibility evaluation tools to validate conformance and can help ATs identify certain types of information on a web page for meeting certain WCAG 2.0 requirements and improving the user experience of identify WCAG 2.0 required features.

Jon


============================================
ROLE=”MEDIA-ALTERNATIVE”

Marks a block of text as being a  media alternative for video or audio content.

Related to WCAG 2.0 Success Criteria
1.2.1
1.2.2
1.2.3

Example:

<audio aria-describedby=”id1”>

<div id=”id1” role=”media-alternative”>
<h2>Text Transcript</h2>

…..

</div>

============================================
ROLE=”INSTRUCTIONS”

Marks a block of text as being instructions for a form control or widget.

Related to WCAG 2.0 Success Criteria
3.3.2

Example:

<textarea aria-describedby=”id2”>

<div id=”id2” role=”instructions”>
<h2>Instructions</h2>

…..

</div>

============================================
ROLE=”ERROR”

Marks a block of text as being error information for a form control or widget.

Related to WCAG 2.0 Success Criteria
3.3.1
3.3.3
3.3.4

Example:

<input type=”date” aria-describedby=”id3”>

<div role=”alert”>
<span id=”id3” role=”error”>Invalid date, use YYYY-MM-DD format<span>
</div>