Spinner: Update markup for buttons

diff --git a/ui/widgets/spinner.js b/ui/widgets/spinner.js
index 3a0b6deef3dbe0b826dfbdf4fd1d4b91c6041a1c..1c7e9b364baddd6cbafc22a517a772591f5d4352 100644 (file)
--- a/ui/widgets/spinner.js
+++ b/ui/widgets/spinner.js
@@ -230,12 +230,8 @@ $.widget( "ui.spinner", {
 
                                // Add buttons
                                .append(
-                                       "<a>" +
-                                               "<span>&#9650;</span>" +
-                                       "</a>" +
-                                       "<a>" +
-                                               "<span>&#9660;</span>" +
-                                       "</a>"
+                                       "<a></a>" +
+                                       "<a></a>"
                                );
        },
 
@@ -250,6 +246,7 @@ $.widget( "ui.spinner", {
                // Button bindings
                this.buttons = this.uiSpinner.children( "a" )
                        .attr( "tabIndex", -1 )
+                       .attr( "aria-hidden", true )
                        .button( {
                                classes: {
                                        "ui-button": ""
@@ -261,8 +258,14 @@ $.widget( "ui.spinner", {
 
                this._addClass( this.buttons.first(), "ui-spinner-button ui-spinner-up" );
                this._addClass( this.buttons.last(), "ui-spinner-button ui-spinner-down" );
-               this.buttons.first().button( "option", "icon", this.options.icons.up );
-               this.buttons.last().button( "option", "icon", this.options.icons.down );
+               this.buttons.first().button( {
+                       "icon": this.options.icons.up,
+                       "showLabel": false
+               } );
+               this.buttons.last().button({
+                       "icon": this.options.icons.down,
+                       "showLabel": false
+               } );
 
                // IE 6 doesn't understand height: 50% for the buttons
                // unless the wrapper has an explicit height
@@ -562,12 +565,8 @@ if ( $.uiBackCompat !== false ) {
 
                _buttonHtml: function() {
                        return "" +
-                               "<a>" +
-                                       "<span>&#9650;</span>" +
-                               "</a>" +
-                               "<a>" +
-                                       "<span>&#9660;</span>" +
-                               "</a>";
+                               "<a></a>" +
+                               "<a></a>";
                }
        } );
 }