AX: Make the calendar role "grid".

Source/web/resources/calendarPicker.js

 "use strict";
 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 57 matching lines @@
  * @return {!boolean}
  */
 function hasInaccuratePointingDevice() {
     return matchMedia("(pointer: coarse)").matches;
 }
 
 /**
  * @return {!string} lowercase locale name. e.g. "en-us"
  */
 function getLocale() {
-    return (global.params.locale || "en-us").toLowerCase();
+    return (global.params.locale || "en-us").toLowerCase().replace(/_/, '-');

[keishi, 2014/09/03 12:09:35]

nit: I'm not sure but could the locale have two underscores like zh_yue_HK?

[tkent, 2014/09/05 04:54:47]

That's right.  The regex should be /_/g

 }
 
 /**
  * @return {!string} lowercase language code. e.g. "en"
  */
 function getLanguage() {
     var locale = getLocale();
     var result = locale.match(/^([a-z]+)/);
     if (!result)
         return "en";
@@ skipping 1464 matching lines @@
 ScrollView.prototype.contentPositionForContentOffset = function(offset) {
     return offset - this._partitionNumber * ScrollView.PartitionHeight;
 };
 
 /**
  * @constructor
  * @extends View
  */
 function ListCell() {
     View.call(this, createElement("div", ListCell.ClassNameListCell));
+    this.element.setAttribute("role", "gridcell");
     
     /**
      * @type {!number}
      */
     this.row = NaN;
     /**
      * @type {!number}
      */
     this._width = 0;
     /**
@@ skipping 79 matching lines @@
         this.element.classList.remove("selected");
 };
 
 /**
  * @constructor
  * @extends View
  */
 function ListView() {
     View.call(this, createElement("div", ListView.ClassNameListView));
     this.element.tabIndex = 0;
+    this.element.setAttribute("role", "grid");
 
     /**
      * @type {!number}
      * @private
      */
     this._width = 0;
     /**
      * @type {!Object}
      * @private
      */
@@ skipping 1390 matching lines @@
  */
 DayCell.prototype.throwAway = function() {
     ListCell.prototype.throwAway.call(this);
     this.day = null;
 };
 
 /**
  * @param {!boolean} highlighted
  */
 DayCell.prototype.setHighlighted = function(highlighted) {
-    if (highlighted)
+    if (highlighted) {
         this.element.classList.add(DayCell.ClassNameHighlighted);
-    else
+        this.element.setAttribute("aria-selected", "true");
+    } else {
         this.element.classList.remove(DayCell.ClassNameHighlighted);
+        this.element.setAttribute("aria-selected", "false");
+    }
 };
 
 /**
  * @param {!boolean} disabled
  */
 DayCell.prototype.setDisabled = function(disabled) {
     if (disabled)
         this.element.classList.add(DayCell.ClassNameDisabled);
     else
         this.element.classList.remove(DayCell.ClassNameDisabled);
@@ skipping 18 matching lines @@
     else
         this.element.classList.remove(DayCell.ClassNameToday);
 };
 
 /**
  * @param {!Day} day
  */
 DayCell.prototype.reset = function(day) {
     this.day = day;
     this.element.textContent = localizeNumber(this.day.date.toString());
+    if (!DayCell.formatter) {
+        DayCell.formatter = new Intl.DateTimeFormat(getLocale(), {
+            weekday: "long", year: "numeric", month: "long", day: "numeric"
+        });
+    }
+    this.element.setAttribute("aria-label", DayCell.formatter.format(this.day.startDate()));
+    this.element.id = this.day.toString();
     this.show();
 };
 
 /**
  * @constructor
  * @extends ListCell
  */
 function WeekNumberCell() {
     ListCell.call(this);
     this.element.classList.add(WeekNumberCell.ClassNameWeekNumberCell);
@@ skipping 95 matching lines @@
 CalendarTableHeaderView.Height = 25;
 
 /**
  * @constructor
  * @extends ListCell
  */
 function CalendarRowCell() {
     ListCell.call(this);
     this.element.classList.add(CalendarRowCell.ClassNameCalendarRowCell);
     this.element.style.height = CalendarRowCell.Height + "px";
+    this.element.setAttribute("role", "row");
 
     /**
      * @type {!Array}
      * @protected
      */
     this._dayCells = [];
     /**
      * @type {!number}
      */
     this.row = 0;
@@ skipping 265 matching lines @@
         lastDayInHighlight = Infinity;
     }
     var currentMonth = this.calendarPicker.currentMonth();
     var firstDayInCurrentMonth = currentMonth.firstDay().valueOf();
     var lastDayInCurrentMonth = currentMonth.lastDay().valueOf();
     for (var dayString in this._dayCells) {
         var dayCell = this._dayCells[dayString];
         var day = dayCell.day;
         dayCell.setIsToday(Day.createFromToday().equals(day));
         dayCell.setSelected(day >= firstDayInSelection && day <= lastDayInSelection);
-        dayCell.setHighlighted(day >= firstDayInHighlight && day <= lastDayInHighlight);
+        var isHighlighted = day >= firstDayInHighlight && day <= lastDayInHighlight;
+        dayCell.setHighlighted(isHighlighted);
+        if (isHighlighted && firstDayInHighlight == lastDayInHighlight)
+            this.element.setAttribute("aria-activedescendant", dayCell.element.id);
         dayCell.setIsInCurrentMonth(day >= firstDayInCurrentMonth && day <= lastDayInCurrentMonth);
         dayCell.setDisabled(!this.calendarPicker.isValidDay(day));
     }
     if (this.hasWeekNumberColumn) {
         for (var weekString in this._weekNumberCells) {
             var weekNumberCell = this._weekNumberCells[weekString];
             var week = weekNumberCell.week;
             weekNumberCell.setSelected(selection && selection.equals(week));
             weekNumberCell.setHighlighted(highlight && highlight.equals(week));
             weekNumberCell.setDisabled(!this.calendarPicker.isValid(week));
@@ skipping 513 matching lines @@
         event.stopPropagation();
         event.preventDefault();
     }
 };
 
 if (window.dialogArguments) {
     initialize(dialogArguments);
 } else {
     window.addEventListener("message", handleMessage, false);
 }