Changeset 31497

Timestamp:

02/22/2015 10:14:45 AM (11 years ago)

Author:

SergeyBiryukov

Message:

Themes: Add feedback for screen readers when search results are changed.

props obenland, joedolson.
see #26600.

Location:

trunk/src/wp-admin

Files:

• css/themes.css (modified) (1 diff)
• js/theme.js (modified) (1 diff)
• theme-install.php (modified) (1 diff)
• themes.php (modified) (2 diffs)

trunk/src/wp-admin/css/themes.css

@@ -1138 +1138 @@
 
 p.no-themes {
+        clear: both;
         color: #999;
         font-size: 18px;
         font-style: normal;
         margin: 0;
-        padding: 0;
+        padding: 100px 0 0;
         text-align: center;
         display: none;

trunk/src/wp-admin/js/theme.js

@@ -80 +80 @@
                 // Render and append
                 this.view.render();
-                this.$el.empty().append( this.view.el ).addClass('rendered');
+                this.$el.find( '.themes' ).remove();
+                this.$el.append( this.view.el ).addClass( 'rendered' );
                 this.$el.append( '<br class="clear"/>' );
         },

trunk/src/wp-admin/theme-install.php

@@ -167 +167 @@
                 </div>
         </div>
-        <div class="theme-browser content-filterable"></div>
+        <div class="theme-browser content-filterable" aria-live="polite">
+                <p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
+        </div>
         <div class="theme-install-overlay wp-full-overlay expanded"></div>
-
-        <p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
         <span class="spinner"></span>
 

trunk/src/wp-admin/themes.php

@@ -199 +199 @@
 ?>
 
-<div class="theme-browser">
+<div class="theme-browser" aria-live="polite">
         <div class="themes">
 
@@ -251 +251 @@
         <br class="clear" />
         </div>
+        <p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
 </div>
 <div class="theme-overlay"></div>
-
-<p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
 
 <?php