Ticket #37188: 37188.diff

src/wp-admin/css/media.css

@@ -526 +526 @@
         left: auto;
         bottom: auto;
         padding-top: 0;
-        margin-top: 0;
+        margin-top: 20px;
         border: 4px dashed #b4b9be;
 }
 

src/wp-admin/upload.php

@@ -77 +77 @@
 
                 <?php
                 if ( current_user_can( 'upload_files' ) ) { ?>
-                        <a href="<?php echo admin_url( 'media-new.php' ); ?>" class="page-title-action"><?php echo esc_html_x( 'Add New', 'file' ); ?></a><?php
+                        <a href="<?php echo admin_url( 'media-new.php' ); ?>" class="page-title-action aria-button-if-js"><?php echo esc_html_x( 'Add New', 'file' ); ?></a><?php
                 }
                 ?>
 

src/wp-includes/js/media/views/attachments/browser.js

@@ -40 +40 @@
 
                 this.controller.on( 'toggle:upload:attachment', this.toggleUploader, this );
                 this.controller.on( 'edit:selection', this.editSelection );
+                this.createUploader();
                 this.createToolbar();
-                this.createUploader();
                 this.createAttachments();
                 if ( this.options.sidebar ) {
                         this.createSidebar();

src/wp-includes/js/media/views/frame/manage.js

@@ -38 +38 @@
                 this.$body = $( document.body );
                 this.$window = $( window );
                 this.$adminBar = $( '#wpadminbar' );
+                this.$toggleBtn = $( '.page-title-action' );
+                this.$toggleBtn.attr( 'aria-expanded', 'false' );
                 this.$window.on( 'scroll resize', _.debounce( _.bind( this.fixPosition, this ), 15 ) );
                 $( document ).on( 'click', '.page-title-action', _.bind( this.addNewClickHandler, this ) );
 
@@ -188 +190 @@
          */
         addNewClickHandler: function( event ) {
                 event.preventDefault();
+                this.$toggleBtn.attr( 'aria-expanded', $( '.uploader-inline').hasClass( 'hidden' ) );
                 this.trigger( 'toggle:upload:attachment' );
 
                 if ( this.uploader ) {

src/wp-includes/js/media-grid.js

@@ -623 +623 @@
                 this.$body = $( document.body );
                 this.$window = $( window );
                 this.$adminBar = $( '#wpadminbar' );
+                this.$toggleBtn = $( '.page-title-action' );
+                this.$toggleBtn.attr( 'aria-expanded', 'false' );
                 this.$window.on( 'scroll resize', _.debounce( _.bind( this.fixPosition, this ), 15 ) );
                 $( document ).on( 'click', '.page-title-action', _.bind( this.addNewClickHandler, this ) );
 
@@ -773 +775 @@
          */
         addNewClickHandler: function( event ) {
                 event.preventDefault();
+                this.$toggleBtn.attr( 'aria-expanded', $( '.uploader-inline').hasClass( 'hidden' ) );
                 this.trigger( 'toggle:upload:attachment' );
 
                 if ( this.uploader ) {

src/wp-includes/js/media-views.js

@@ -3771 +3771 @@
 
                 this.controller.on( 'toggle:upload:attachment', this.toggleUploader, this );
                 this.controller.on( 'edit:selection', this.editSelection );
+                this.createUploader();
                 this.createToolbar();
-                this.createUploader();
                 this.createAttachments();
                 if ( this.options.sidebar ) {
                         this.createSidebar();