Changeset 29534

Timestamp:

08/18/2014 08:01:47 PM (10 years ago)

Author:

ocean90

Message:

Plugin details: Accessibility improvements

• Focus the close link to transfer focus into the plugin modal.
• Set title attribute on iframe for screereaders.

props jwenerd for initial patch and a11y team for testing.
fixes #28823.

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (1 diff)
• js/plugin-install.js (modified) (1 diff)

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

@@ -2534 +2534 @@
 }
 
+body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
+body.import-php #TB_closeWindowButton:focus .tb-close-icon,
+body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
+body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
+body.index-php #TB_closeWindowButton:focus .tb-close-icon,
 body.plugin-install-php .tb-close-icon:focus,
 body.plugin-install-php .tb-close-icon:hover,

trunk/src/wp-admin/js/plugin-install.js

@@ -43 +43 @@
 
         $('#TB_title').css({'background-color':'#222','color':'#cfcfcf'});
-        $('#TB_ajaxWindowTitle').html('<strong>' + plugininstallL10n.plugin_information + '</strong>&nbsp;' + $(this).data( 'title' ) );
+        $('#TB_ajaxWindowTitle').html( '<strong>' + plugininstallL10n.plugin_information + '</strong>&nbsp;' + $(this).data( 'title' ) );
+        $('#TB_iframeContent').attr( 'title', plugininstallL10n.plugin_information + ' ' + $(this).data( 'title' ) );
+        $('#TB_closeWindowButton').focus();
+
         return false;
     });