From 9a1ebaa73b93715d474b95a1e853614dd23df558 Mon Sep 17 00:00:00 2001
From: Ryan Boren <ryan@git.wordpress.org>
Date: Mon, 11 May 2009 22:11:13 +0000
Subject: [PATCH] Fix hiding off offscreen legends in Firefox. Props
 Denis-de-Bernardy. fixes #9783

git-svn-id: https://develop.svn.wordpress.org/trunk@11283 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/global.css         |  6 +++++-
 wp-admin/edit-link-form.php     | 16 ++++++++--------
 wp-admin/includes/file.php      |  2 +-
 wp-admin/options-discussion.php | 18 +++++++++---------
 wp-admin/options-general.php    |  6 +++---
 wp-admin/options-media.php      |  4 ++--
 wp-admin/options-privacy.php    |  2 +-
 wp-admin/options-reading.php    |  4 ++--
 wp-admin/options-writing.php    |  6 +++---
 wp-admin/user-edit.php          |  2 +-
 10 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/wp-admin/css/global.css b/wp-admin/css/global.css
index 3c8afd4da5..642d74bd8b 100644
--- a/wp-admin/css/global.css
+++ b/wp-admin/css/global.css
@@ -186,9 +186,13 @@ table {
 }
 
 /* Hide visually but not from screen readers */
-.invisible {
+.invisible,
+.invisible span {
 	position: absolute;
 	left: -1000em;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
 }
 
 .hidden,
diff --git a/wp-admin/edit-link-form.php b/wp-admin/edit-link-form.php
index c29eb8bdde..d0bb7205bb 100644
--- a/wp-admin/edit-link-form.php
+++ b/wp-admin/edit-link-form.php
@@ -157,7 +157,7 @@ add_meta_box('linkcategorydiv', __('Categories'), 'link_categories_meta_box', 'l
  * @param object $link
  */
 function link_target_meta_box($link) { ?>
-<fieldset><legend class="invisible"><?php _e('Target') ?></legend>
+<fieldset><legend class="invisible"><span><?php _e('Target') ?></span></legend>
 <p><label for="link_target_blank" class="selectit">
 <input id="link_target_blank" type="radio" name="link_target" value="_blank" <?php echo ( isset( $link->link_target ) && ($link->link_target == '_blank') ? 'checked="checked"' : ''); ?> />
 <?php _e('<code>_blank</code> - new window or tab.'); ?></label></p>
@@ -192,7 +192,7 @@ function link_xfn_meta_box($link) {
 			<table cellpadding="3" cellspacing="5" class="form-table">
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('identity') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('identity') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('identity') ?> </span></legend>
 						<label for="me">
 						<input type="checkbox" name="identity" value="me" id="me" <?php xfn_check('identity', 'me'); ?> />
 						<?php _e('another web address of mine') ?></label>
@@ -200,7 +200,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('friendship') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('friendship') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('friendship') ?> </span></legend>
 						<label for="contact">
 						<input class="valinp" type="radio" name="friendship" value="contact" id="contact" <?php xfn_check('friendship', 'contact', 'radio'); ?> /> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('contact') ?></label>
 						<label for="acquaintance">
@@ -213,7 +213,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('physical') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('physical') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('physical') ?> </span></legend>
 						<label for="met">
 						<input class="valinp" type="checkbox" name="physical" value="met" id="met" <?php xfn_check('physical', 'met'); ?> />
 						<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('met') ?></label>
@@ -221,7 +221,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('professional') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('professional') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('professional') ?> </span></legend>
 						<label for="co-worker">
 						<input class="valinp" type="checkbox" name="professional" value="co-worker" id="co-worker" <?php xfn_check('professional', 'co-worker'); ?> />
 						<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('co-worker') ?></label>
@@ -232,7 +232,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('geographical') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('geographical') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('geographical') ?> </span></legend>
 						<label for="co-resident">
 						<input class="valinp" type="radio" name="geographical" value="co-resident" id="co-resident" <?php xfn_check('geographical', 'co-resident', 'radio'); ?> />
 						<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('co-resident') ?></label>
@@ -246,7 +246,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('family') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('family') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('family') ?> </span></legend>
 						<label for="child">
 						<input class="valinp" type="radio" name="family" value="child" id="child" <?php xfn_check('family', 'child', 'radio'); ?>  />
 						<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('child') ?></label>
@@ -269,7 +269,7 @@ function link_xfn_meta_box($link) {
 				</tr>
 				<tr>
 					<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('romantic') ?> </th>
-					<td><fieldset><legend class="invisible"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('romantic') ?> </legend>
+					<td><fieldset><legend class="invisible"><span> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('romantic') ?> </span></legend>
 						<label for="muse">
 						<input class="valinp" type="checkbox" name="romantic" value="muse" id="muse" <?php xfn_check('romantic', 'muse'); ?> />
 						<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('muse') ?></label>
diff --git a/wp-admin/includes/file.php b/wp-admin/includes/file.php
index da46d27f2a..33f952ffb7 100644
--- a/wp-admin/includes/file.php
+++ b/wp-admin/includes/file.php
@@ -758,7 +758,7 @@ jQuery(function($){
 <tr valign="top">
 <th scope="row"><?php _e('Connection Type') ?></th>
 <td>
-<fieldset><legend class="invisible"><?php _e('Connection Type') ?></legend>
+<fieldset><legend class="invisible"><span><?php _e('Connection Type') ?></span></legend>
 <label><input id="ftp" name="connection_type"  type="radio" value="ftp" <?php checked('ftp', $connection_type); if ( defined('FTP_SSL') || defined('FTP_SSH') ) echo ' disabled="disabled"'; ?>/> <?php _e('FTP') ?></label><br />
 <label><input id="ftps" name="connection_type" type="radio" value="ftps" <?php checked('ftps', $connection_type); if ( defined('FTP_SSH') || defined('FTP_SSH') ) echo ' disabled="disabled"';  ?>/> <?php _e('FTPS (SSL)') ?></label><br />
 <?php if ( extension_loaded('ssh2') ) { ?><label><input id="ssh" name="connection_type" type="radio" value="ssh" <?php checked('ssh', $connection_type);  if ( defined('FTP_SSL') || defined('FTP_SSH') ) echo ' disabled="disabled"'; ?>/> <?php _e('SSH') ?></label><?php } ?>
diff --git a/wp-admin/options-discussion.php b/wp-admin/options-discussion.php
index 297a752bde..40b973dc49 100644
--- a/wp-admin/options-discussion.php
+++ b/wp-admin/options-discussion.php
@@ -25,7 +25,7 @@ include('admin-header.php');
 <table class="form-table">
 <tr valign="top">
 <th scope="row"><?php _e('Default article settings') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Default article settings') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Default article settings') ?></span></legend>
 <label for="default_pingback_flag">
 <input name="default_pingback_flag" type="checkbox" id="default_pingback_flag" value="1" <?php checked('1', get_option('default_pingback_flag')); ?> />
 <?php _e('Attempt to notify any blogs linked to from the article (slows down posting.)') ?></label>
@@ -43,7 +43,7 @@ include('admin-header.php');
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Other comment settings') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Other comment settings') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Other comment settings') ?></span></legend>
 <label for="require_name_email"><input type="checkbox" name="require_name_email" id="require_name_email" value="1" <?php checked('1', get_option('require_name_email')); ?> /> <?php _e('Comment author must fill out name and e-mail') ?></label>
 <br />
 <label for="comment_registration">
@@ -102,7 +102,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('E-mail me whenever') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('E-mail me whenever') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('E-mail me whenever') ?></span></legend>
 <label for="comments_notify">
 <input name="comments_notify" type="checkbox" id="comments_notify" value="1" <?php checked('1', get_option('comments_notify')); ?> />
 <?php _e('Anyone posts a comment') ?> </label>
@@ -114,7 +114,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Before a comment appears') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Before a comment appears') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Before a comment appears') ?></span></legend>
 <label for="comment_moderation">
 <input name="comment_moderation" type="checkbox" id="comment_moderation" value="1" <?php checked('1', get_option('comment_moderation')); ?> />
 <?php _e('An administrator must always approve the comment') ?> </label>
@@ -124,7 +124,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Comment Moderation') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Comment Moderation') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Comment Moderation') ?></span></legend>
 <p><label for="comment_max_links"><?php printf(__('Hold a comment in the queue if it contains %s or more links. (A common characteristic of comment spam is a large number of hyperlinks.)'), '<input name="comment_max_links" type="text" id="comment_max_links" value="' . esc_attr(get_option('comment_max_links')) . '" class="small-text" />' ) ?></label></p>
 
 <p><label for="moderation_keys"><?php _e('When a comment contains any of these words in its content, name, URL, e-mail, or IP, it will be held in the <a href="edit-comments.php?comment_status=moderated">moderation queue</a>. One word or IP per line. It will match inside words, so &#8220;press&#8221; will match &#8220;WordPress&#8221;.') ?></label></p>
@@ -135,7 +135,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Comment Blacklist') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Comment Blacklist') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Comment Blacklist') ?></span></legend>
 <p><label for="blacklist_keys"><?php _e('When a comment contains any of these words in its content, name, URL, e-mail, or IP, it will be marked as spam. One word or IP per line. It will match inside words, so &#8220;press&#8221; will match &#8220;WordPress&#8221;.') ?></label></p>
 <p>
 <textarea name="blacklist_keys" rows="10" cols="50" id="blacklist_keys" class="large-text code"><?php form_option('blacklist_keys'); ?></textarea>
@@ -154,7 +154,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 <table class="form-table">
 <tr valign="top">
 <th scope="row"><?php _e('Avatar Display') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Avatar display') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Avatar display') ?></span></legend>
 <?php
 	$yesorno = array(0 => __("Don&#8217;t show Avatars"), 1 => __('Show Avatars'));
 	foreach ( $yesorno as $key => $value) {
@@ -166,7 +166,7 @@ printf( __('Comments should be displayed with the %s comments at the top of each
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Maximum Rating') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Maximum Rating') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Maximum Rating') ?></span></legend>
 
 <?php
 $ratings = array( 'G' => __('G &#8212; Suitable for all audiences'), 'PG' => __('PG &#8212; Possibly offensive, usually for audiences 13 and above'), 'R' => __('R &#8212; Intended for adult audiences above 17'), 'X' => __('X &#8212; Even more mature than above'));
@@ -180,7 +180,7 @@ endforeach;
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Default Avatar') ?></th>
-<td class="defaultavatarpicker"><fieldset><legend class="invisible"><?php _e('Default Avatar') ?></legend>
+<td class="defaultavatarpicker"><fieldset><legend class="invisible"><span><?php _e('Default Avatar') ?></span></legend>
 
 <?php _e('For users without a custom avatar of their own, you can either display a generic logo or a generated one based on their e-mail address.'); ?><br />
 
diff --git a/wp-admin/options-general.php b/wp-admin/options-general.php
index ed8b8ffae6..4d2ffcc0bf 100644
--- a/wp-admin/options-general.php
+++ b/wp-admin/options-general.php
@@ -83,7 +83,7 @@ include('./admin-header.php');
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Membership') ?></th>
-<td> <fieldset><legend class="invisible"><?php _e('Membership') ?></legend><label for="users_can_register">
+<td> <fieldset><legend class="invisible"><span><?php _e('Membership') ?></span></legend><label for="users_can_register">
 <input name="users_can_register" type="checkbox" id="users_can_register" value="1" <?php checked('1', get_option('users_can_register')); ?> />
 <?php _e('Anyone can register') ?></label>
 </fieldset></td>
@@ -197,7 +197,7 @@ if (empty($tzstring)) { // set the Etc zone if no timezone string exists
 <tr>
 <th scope="row"><?php _e('Date Format') ?></th>
 <td>
-	<fieldset><legend class="invisible"><?php _e('Date Format') ?></legend>
+	<fieldset><legend class="invisible"><span><?php _e('Date Format') ?></span></legend>
 <?php
 
 	$date_formats = apply_filters( 'date_formats', array(
@@ -230,7 +230,7 @@ if (empty($tzstring)) { // set the Etc zone if no timezone string exists
 <tr>
 <th scope="row"><?php _e('Time Format') ?></th>
 <td>
-	<fieldset><legend class="invisible"><?php _e('Time Format') ?></legend>
+	<fieldset><legend class="invisible"><span><?php _e('Time Format') ?></span></legend>
 <?php
 
 	$time_formats = apply_filters( 'time_formats', array(
diff --git a/wp-admin/options-media.php b/wp-admin/options-media.php
index 64908636b8..46d99cb90f 100644
--- a/wp-admin/options-media.php
+++ b/wp-admin/options-media.php
@@ -41,7 +41,7 @@ include('admin-header.php');
 
 <tr valign="top">
 <th scope="row"><?php _e('Medium size') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Medium size') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Medium size') ?></span></legend>
 <label for="medium_size_w"><?php _e('Max Width'); ?></label>
 <input name="medium_size_w" type="text" id="medium_size_w" value="<?php form_option('medium_size_w'); ?>" class="small-text" />
 <label for="medium_size_h"><?php _e('Max Height'); ?></label>
@@ -51,7 +51,7 @@ include('admin-header.php');
 
 <tr valign="top">
 <th scope="row"><?php _e('Large size') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Large size') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Large size') ?></span></legend>
 <label for="large_size_w"><?php _e('Max Width'); ?></label>
 <input name="large_size_w" type="text" id="large_size_w" value="<?php form_option('large_size_w'); ?>" class="small-text" />
 <label for="large_size_h"><?php _e('Max Height'); ?></label>
diff --git a/wp-admin/options-privacy.php b/wp-admin/options-privacy.php
index 505edad9a3..97f43f30a3 100644
--- a/wp-admin/options-privacy.php
+++ b/wp-admin/options-privacy.php
@@ -25,7 +25,7 @@ include('./admin-header.php');
 <table class="form-table">
 <tr valign="top">
 <th scope="row"><?php _e('Blog Visibility') ?> </th>
-<td><fieldset><legend class="invisible"><?php _e('Blog Visibility') ?> </legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Blog Visibility') ?> </span></legend>
 <p><input id="blog-public" type="radio" name="blog_public" value="1" <?php checked('1', get_option('blog_public')); ?> />
 <label for="blog-public"><?php _e('I would like my blog to be visible to everyone, including search engines (like Google, Sphere, Technorati) and archivers');?></label></p>
 <p><input id="blog-norobots" type="radio" name="blog_public" value="0" <?php checked('0', get_option('blog_public')); ?> />
diff --git a/wp-admin/options-reading.php b/wp-admin/options-reading.php
index e0a28c690d..b14497979b 100644
--- a/wp-admin/options-reading.php
+++ b/wp-admin/options-reading.php
@@ -26,7 +26,7 @@ include('admin-header.php');
 <?php if ( get_pages() ): ?>
 <tr valign="top">
 <th scope="row"><?php _e('Front page displays')?></th>
-<td><fieldset><legend class="invisible"><?php _e('Front page displays')?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Front page displays')?></span></legend>
 	<p><label>
 		<input name="show_on_front" type="radio" value="posts" class="tog" <?php checked('posts', get_option('show_on_front')); ?> />
 		<?php _e('Your latest posts'); ?>
@@ -63,7 +63,7 @@ include('admin-header.php');
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('For each article in a feed, show') ?> </th>
-<td><fieldset><legend class="invisible"><?php _e('For each article in a feed, show') ?> </legend>
+<td><fieldset><legend class="invisible"><span><?php _e('For each article in a feed, show') ?> </span></legend>
 <p><label><input name="rss_use_excerpt"  type="radio" value="0" <?php checked(0, get_option('rss_use_excerpt')); ?>	/> <?php _e('Full text') ?></label><br />
 <label><input name="rss_use_excerpt" type="radio" value="1" <?php checked(1, get_option('rss_use_excerpt')); ?> /> <?php _e('Summary') ?></label></p>
 </fieldset></td>
diff --git a/wp-admin/options-writing.php b/wp-admin/options-writing.php
index 09b9bb956c..2bb4030e28 100644
--- a/wp-admin/options-writing.php
+++ b/wp-admin/options-writing.php
@@ -30,7 +30,7 @@ include('admin-header.php');
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('Formatting') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Formatting') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Formatting') ?></span></legend>
 <label for="use_smilies">
 <input name="use_smilies" type="checkbox" id="use_smilies" value="1" <?php checked('1', get_option('use_smilies')); ?> />
 <?php _e('Convert emoticons like <code>:-)</code> and <code>:-P</code> to graphics on display') ?></label><br />
@@ -61,7 +61,7 @@ wp_dropdown_categories(array('hide_empty' => 0, 'name' => 'default_link_category
 <table class="form-table">
 <tr valign="top">
 <th scope="row"><?php _e('Atom Publishing Protocol') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('Atom Publishing Protocol') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Atom Publishing Protocol') ?></span></legend>
 <label for="enable_app">
 <input name="enable_app" type="checkbox" id="enable_app" value="1" <?php checked('1', get_option('enable_app')); ?> />
 <?php _e('Enable the Atom Publishing Protocol.') ?></label><br />
@@ -69,7 +69,7 @@ wp_dropdown_categories(array('hide_empty' => 0, 'name' => 'default_link_category
 </tr>
 <tr valign="top">
 <th scope="row"><?php _e('XML-RPC') ?></th>
-<td><fieldset><legend class="invisible"><?php _e('XML-RPC') ?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('XML-RPC') ?></span></legend>
 <label for="enable_xmlrpc">
 <input name="enable_xmlrpc" type="checkbox" id="enable_xmlrpc" value="1" <?php checked('1', get_option('enable_xmlrpc')); ?> />
 <?php _e('Enable the WordPress, Movable Type, MetaWeblog and Blogger XML-RPC publishing protocols.') ?></label><br />
diff --git a/wp-admin/user-edit.php b/wp-admin/user-edit.php
index 710f191bba..b52ada4588 100644
--- a/wp-admin/user-edit.php
+++ b/wp-admin/user-edit.php
@@ -209,7 +209,7 @@ include ('admin-header.php');
 <?php if (count($_wp_admin_css_colors) > 1 ) : ?>
 <tr>
 <th scope="row"><?php _e('Admin Color Scheme')?></th>
-<td><fieldset><legend class="invisible"><?php _e('Admin Color Scheme')?></legend>
+<td><fieldset><legend class="invisible"><span><?php _e('Admin Color Scheme')?></span></legend>
 <?php
 $current_color = get_user_option('admin_color', $user_id);
 if ( empty($current_color) )