Make WordPress Core

Ticket #31527: 31527.patch

File 31527.patch, 1.3 KB (added by davidakennedy, 10 years ago)

Twenty Fifteen ARIA Menu Toggle

  • wp-content/themes/twentyfifteen/js/functions.js

     
    4747                        return;
    4848                }
    4949
     50                // If the window resizes, add or remove ARIA attributes.
     51                onResizeARIA = function() {
     52                        if ( 955 > $( window ).width() ) {
     53                                button.attr( 'aria-expanded', 'false' );
     54                                secondary.attr( 'aria-expanded', 'false' );
     55                                button.attr( 'aria-controls', 'secondary' );
     56                        } else {
     57                                button.removeAttr( 'aria-expanded' );
     58                                secondary.removeAttr( 'aria-expanded' );
     59                                button.removeAttr( 'aria-controls' );
     60                        }
     61                }
     62
     63                // Fire the onResize function on resize and load.
     64                $( window ).on( 'resize load', onResizeARIA );
     65
    5066                button.on( 'click.twentyfifteen', function() {
    5167                        secondary.toggleClass( 'toggled-on' );
    5268                        secondary.trigger( 'resize' );
    5369                        $( this ).toggleClass( 'toggled-on' );
     70                        if ( $( this, secondary ).hasClass( 'toggled-on' ) ) {
     71                                $( this ).attr( 'aria-expanded', 'true' );
     72                                secondary.attr( 'aria-expanded', 'true' );
     73                        } else {
     74                                $( this ).attr( 'aria-expanded', 'false' );
     75                                secondary.attr( 'aria-expanded', 'false' );
     76                        }
    5477                } );
    5578        } )();
    5679