Changeset 34760

Timestamp:

10/02/2015 04:15:12 AM (9 years ago)

Author:

wonderboymusic

Message:

Plugins: on the Install page, move the name of each plugin into the <h4> to accommodate screen readers.

Props afercia, ChrisMKindred.
Fixes #32400.

Location:

trunk/src/wp-admin

Files:

• css/list-tables.css (modified) (1 diff)
• includes/class-wp-plugin-install-list-table.php (modified) (1 diff)

trunk/src/wp-admin/css/list-tables.css

@@ -1619 +1619 @@
 }
 
-.plugin-icon img {
-    width: 128px;
-    height: 128px;
-}
-
 .no-plugin-results {
     color: #999;

trunk/src/wp-admin/includes/class-wp-plugin-install-list-table.php

@@ -493 +493 @@
         <div class="plugin-card plugin-card-<?php echo sanitize_html_class( $plugin['slug'] ); ?>">
             <div class="plugin-card-top">
-                <a href="<?php echo esc_url( $details_link ); ?>" class="thickbox plugin-icon"><img src="<?php echo esc_attr( $plugin_icon_url ) ?>" /></a>
                 <div class="name column-name">
-                    <h4><a href="<?php echo esc_url( $details_link ); ?>" class="thickbox"><?php echo $title; ?></a></h4>
+                    <h4>
+                        <a href="<?php echo esc_url( $details_link ); ?>" class="thickbox">
+                        <?php echo $title; ?>
+                        <img src="<?php echo esc_attr( $plugin_icon_url ) ?>" class="plugin-icon" alt="">
+                        </a>
+                    </h4>
                 </div>
                 <div class="action-links">