Ticket #3482: progress-aria.3.diff
File progress-aria.3.diff, 2.1 KB (added by , 14 years ago) |
---|
-
tests/progressbar.js
52 52 53 53 }); 54 54 55 test("accessibility", function() { 56 expect(7); 57 el = $("#progressbar").progressbar(); 55 58 59 equals(el.ariaRole(), "progressbar", "aria role"); 60 equals(el.ariaState("valuemin"), 0, "aria-valuemin"); 61 equals(el.ariaState("valuemax"), 100, "aria-valuemax"); 62 equals(el.ariaState("valuenow"), 0, "aria-valuenow initially"); 63 el.progressbar("progress", 77); 64 equals(el.ariaState("valuenow"), 77, "aria-valuenow"); 65 el.progressbar("disable"); 66 equals(el.ariaState("disabled"), "true", "aria-disabled"); 67 el.progressbar("enable"); 68 equals(el.ariaState("disabled"), "false", "enabled"); 69 }); 70 56 71 })(jQuery); -
ui/ui.progressbar.js
23 23 text = options.text || '0%'; 24 24 25 25 this.element.addClass("ui-progressbar").width(options.width); 26 26 this.element.ariaRole("progressbar"); 27 this.element.ariaState("valuemin","0"); 28 this.element.ariaState("valuemax","100"); 29 this.element.ariaState("valuenow","0"); 27 30 $.extend(this, { 28 31 active: false, 29 32 pixelState: 0, … … 97 100 disable: function() { 98 101 this.element.addClass("ui-progressbar-disabled"); 99 102 this.disabled = true; 103 this.element.ariaState("disabled", true); 100 104 }, 101 105 102 106 enable: function() { 103 107 this.element.removeClass("ui-progressbar-disabled"); 104 108 this.disabled = false; 109 this.element.ariaState("disabled", false); 105 110 }, 106 111 107 112 pause: function() { … … 120 125 this.bar.width(this.pixelState); 121 126 this.textElement.width(this.pixelState); 122 127 128 var percent = Math.round(this.percentState); 123 129 if (this.options.range && !this.options.text) { 124 this.textElement.html( Math.round(this.percentState)+ '%');130 this.textElement.html(percent + '%'); 125 131 } 132 this.element.ariaState("valuenow", percent); 126 133 this._propagate('progress', this.ui()); 127 134 }, 128 135