Sync with Kendo UI Professional

Author: Kendo Bot

src/kendo.timepicker.js

@@ -147,7 +147,7 @@ var __meta__ = { // jshint ignore:line
         }
 
         that._heightHandler = proxy(that._height, that);
-
+        that._ariaLabel();
         that._popup();
     };
 
@@ -175,6 +175,32 @@ var __meta__ = { // jshint ignore:line
             this.list.on("keydown"+ns, proxy(this._scrollerKeyDownHandler, this));
         },
 
+        _ariaLabel: function(){
+            var that = this;
+            var inputElm = $("#"+that.options.id);
+            var ul = that.ul;
+            var id = inputElm.attr("id");
+            var labelElm = $("label[for=\'" + id  + "\']");
+            var ariaLabel = inputElm.attr("aria-label");
+            var ariaLabelledBy = inputElm.attr("aria-labelledby");
+            var labelId;
+
+            if (ariaLabel) {
+                ul.attr("aria-label", ariaLabel);
+            } else if (ariaLabelledBy){
+                ul.attr("aria-labelledby", ariaLabelledBy);
+            } else if (labelElm.length){
+                labelId = labelElm.attr("id");
+                if (labelId) {
+                    ul.attr("aria-labelledby", labelId);
+                } else {
+                    labelId = kendo.guid();
+                    labelElm.attr("id", labelId);
+                    ul.attr("aria-labelledby", labelId);
+                }
+            }
+        },
+
         _scrollerKeyDownHandler: function (e) {
             var that = this,
                 key = e.keyCode,

tests/textarea/aria.js

@@ -24,4 +24,24 @@
             assert.equal(widget.element.attr("aria-disabled"), "true");
         });
     });
+
+    describe("kendo.ui.TextArea AXE", function() {
+        beforeEach(function() {
+            $("<textarea />").appendTo(Mocha.fixture);
+            textarea = $(Mocha.fixture).find("textarea");
+        });
+        afterEach(function() {
+            kendo.destroy(Mocha.fixture);
+        });
+
+        it("TextArea is accessible", function(done) {
+            var widget = new TextArea(textarea, {
+                label: {
+                    content: "Text"
+                }
+            });
+
+            axeRunFixture(done);
+        });
+    });
 }());

tests/textbox/aria.js

@@ -24,4 +24,25 @@
             assert.equal(textbox.element.attr("aria-disabled"), "true");
         });
     });
+
+    describe("kendo.ui.TextBox AXE", function() {
+        beforeEach(function() {
+            $("<input />").appendTo(Mocha.fixture);
+            input = $(Mocha.fixture).find("input");
+        });
+        afterEach(function() {
+            kendo.destroy(Mocha.fixture);
+        });
+
+        it("TextBox is accessible", function(done) {
+            var textbox = new TextBox(input, {
+                label: {
+                    content: "Name",
+                    floating: true
+                }
+            });
+
+            axeRunFixture(done);
+        });
+    });
 }());

tests/timepicker/aria.js

@@ -99,4 +99,29 @@
 
 
     });
+
+    describe("kendo.ui.TimePicker aria with AXE", function() {
+        beforeEach(function() {
+            $("<label for='hiredate'>Deliver hour</label><input id='hiredate' />").appendTo(Mocha.fixture);
+            input = $(Mocha.fixture).find("input");
+        });
+
+        afterEach(function() {
+            kendo.destroy(Mocha.fixture);
+        });
+
+        it("TimePicker is accessible", function(done) {
+            var timepicker = new TimePicker(input);
+
+            axeRunFixture(done);
+        });
+
+        it("TimePicker has accessible time popup", function(done) {
+            instance = new TimePicker(input);
+
+            instance.open();
+
+            axeRun(instance.timeView.popup.element[0], done, ["scrollable-region-focusable"]);
+        });
+    });
 }());