Changeset 43130 for branches/4.9/src/wp-includes/comment-template.php

Timestamp:

05/02/2018 10:14:59 PM (7 years ago)

Author:

SergeyBiryukov

Message:

Comments: Move comment consent input outside the label for a11y.

Non-wrapping labels are more widely supported by assitive technologies. The CSS changes account for the element re-ordering, and tweak the formatting for improved readability.

Props afercia, xkon, laurelfulford, azaozz.
Merges [43125] to the 4.9 branch.
Fixes #43436.

Location:

branches/4.9

Files:

• . (modified) (1 prop)
• src/wp-includes/comment-template.php (modified) (1 diff)

branches/4.9/src/wp-includes/comment-template.php

@@ -2203 +2203 @@
         'url'     => '<p class="comment-form-url"><label for="url">' . __( 'Website' ) . '</label> ' .
                      '<input id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" maxlength="200" /></p>',
-        'cookies' => '<p class="comment-form-cookies-consent"><label for="wp-comment-cookies-consent">' .
-                     '<input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"' . $consent . ' />' .
-                     __( 'Save my name, email, and website in this browser for the next time I comment.' ) . '</label></p>',
+        'cookies' => '<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"' . $consent . ' />' .
+                     '<label for="wp-comment-cookies-consent">' . __( 'Save my name, email, and website in this browser for the next time I comment.' ) . '</label></p>',
     );