Changeset 53576 for trunk/src/wp-includes/comment-template.php

Timestamp:

06/24/2022 09:24:18 PM (2 years ago)

Author:

davidbaumwald

Message:

Comments: Add contextual autocomplete attributes to comment form fields.

For accessibility, input fields should identify their "purpose". The HTML5 attribute autocomplete allows for various user data to be quickly autofilled while adding context for some assistive technologies.

This commit adds the appropriate autofill purposes for an author's name, email, and website URL in the comment form template.

Props juliemoynat, bhrugesh96, sabernhardt.
Fixes #55779.

File:

• trunk/src/wp-includes/comment-template.php (modified) (3 diffs)

trunk/src/wp-includes/comment-template.php

@@ -2372 +2372 @@
             ),
             sprintf(
-                '<input id="author" name="author" type="text" value="%s" size="30" maxlength="245"%s />',
+                '<input id="author" name="author" type="text" value="%s" size="30" maxlength="245" autocomplete="name"%s />',
                 esc_attr( $commenter['comment_author'] ),
                 ( $req ? $required_attribute : '' )
@@ -2385 +2385 @@
             ),
             sprintf(
-                '<input id="email" name="email" %s value="%s" size="30" maxlength="100" aria-describedby="email-notes"%s />',
+                '<input id="email" name="email" %s value="%s" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email"%s />',
                 ( $html5 ? 'type="email"' : 'type="text"' ),
                 esc_attr( $commenter['comment_author_email'] ),
@@ -2398 +2398 @@
             ),
             sprintf(
-                '<input id="url" name="url" %s value="%s" size="30" maxlength="200" />',
+                '<input id="url" name="url" %s value="%s" size="30" maxlength="200" autocomplete="url" />',
                 ( $html5 ? 'type="url"' : 'type="text"' ),
                 esc_attr( $commenter['comment_author_url'] )