ylqjgm
/
canvas-lms
mirror of https://github.com/instructure/canvas-lms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Calendar: Improve warning about inaccessible week and month views 

The switch to week and month view buttons not only make it clear to
screen reader users that those views are inaccessible, but also, with this
commit, now also direct the user to the accessible Agenda view.

fixes CNVS-9935

Test plan:
- Visit calendar 2.
- With a screenreader, verify that the switch to Week and Month control labels
  direct the user to the agenda view.
- Verify that this message is not presented visually.

Change-Id: I3597e46ea9b00ddb257844a4ad5b62917df9b935
Reviewed-on: https://gerrit.instructure.com/27268
Reviewed-by: Aaron Cannon <acannon@instructure.com>
Tested-by: Jenkins <jenkins@instructure.com>
QA-Review: Matt Fairbourn <mfairbourn@instructure.com>
Product-Review: Aaron Cannon <acannon@instructure.com>
This commit is contained in:
Aaron Cannon 2013-12-11 09:02:18 -06:00
parent 0b9bbe5f66
commit e9e7535789
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/jst/calendar/calendarHeader.handlebars
View File

@ -17,11 +17,11 @@
<span class="calendar_view_buttons btn-group" role="radiogroup"> <span class="calendar_view_buttons btn-group" role="radiogroup">
<button type="button" id="week" class="btn" role="radio" aria-checked="false"> <button type="button" id="week" class="btn" role="radio" aria-checked="false">
{{#t "links.calendar_week"}}Week{{/t}} {{#t "links.calendar_week"}}Week{{/t}}
<span class="screenreader-only">{{#t "links.accessibility_warning"}}Warning: This view is not accessible to users with screenreaders{{/t}}</span> <span class="screenreader-only">{{#t "links.accessibility_warning"}}Warning: This view is not accessible to screenreaders. Use the Agenda View instead.{{/t}}</span>
</button> </button>
<button type="button" id="month" class="btn" role="radio" aria-checked="false"> <button type="button" id="month" class="btn" role="radio" aria-checked="false">
{{#t "links.calendar_month"}}Month{{/t}} {{#t "links.calendar_month"}}Month{{/t}}
<span class="screenreader-only">{{#t "links.accessibility_warning"}}Warning: This view is not accessible to users with screenreaders{{/t}}</span> <span class="screenreader-only">{{#t "links.accessibility_warning"}}Warning: This view is not accessible to screenreaders. Use the Agenda View instead.{{/t}}</span>
</button> </button>
<button type="button" id="agenda" class="btn" role="radio" aria-checked="false"> <button type="button" id="agenda" class="btn" role="radio" aria-checked="false">
{{#t "links.calendar_agenda"}}Agenda{{/t}} {{#t "links.calendar_agenda"}}Agenda{{/t}}