Skip to content
Browse files

fixes #9918. Screen reader is working correctly to announce month, co…

…lumn header and date information. Updated template to add an id to the span with the curren year. Then assigned this as the aria-labelledby property for the grid to get the current year announced.
  • Loading branch information...
1 parent 9c0f52b commit efce1a7d5f506e1c7fedf7f6546c426579c01674 Becky Gibson committed
Showing with 2 additions and 2 deletions.
  1. +2 −2 templates/Calendar.html
View
4 templates/Calendar.html
@@ -1,4 +1,4 @@
-<table cellspacing="0" cellpadding="0" class="dijitCalendarContainer" role="grid" dojoAttachEvent="onkeypress: _onKeyPress">
+<table cellspacing="0" cellpadding="0" class="dijitCalendarContainer" role="grid" dojoAttachEvent="onkeypress: _onKeyPress" aria-labelledby="${id}_year">
<thead>
<tr class="dijitReset dijitCalendarMonthContainer" valign="top">
<th class='dijitReset dijitCalendarArrow' dojoAttachPoint="decrementMonth">
@@ -29,7 +29,7 @@
<td class='dijitReset' valign="top" colspan="7">
<h3 class="dijitCalendarYearLabel">
<span dojoAttachPoint="previousYearLabelNode" class="dijitInline dijitCalendarPreviousYear"></span>
- <span dojoAttachPoint="currentYearLabelNode" class="dijitInline dijitCalendarSelectedYear"></span>
+ <span dojoAttachPoint="currentYearLabelNode" class="dijitInline dijitCalendarSelectedYear" id="${id}_year"></span>
<span dojoAttachPoint="nextYearLabelNode" class="dijitInline dijitCalendarNextYear"></span>
</h3>
</td>

0 comments on commit efce1a7

Please sign in to comment.
Something went wrong with that request. Please try again.