Changeset 58455 for trunk/src/js/_enqueues/admin/user-profile.js

Timestamp:

06/21/2024 06:15:50 PM (5 weeks ago)

Author:

joedolson

Message:

Administration: A11y: Add role="alert" on JS injected admin notices.

Add the attribute role="alert" on 12 instances of admin notices that are injected into the DOM using JavaScript. The role="alert" attribute allows screen readers to recognize the addition to the DOM and announce the errors to users.

Props afercia, cyrus11, rcreators, joedolson.
Fixes #47111.

File:

• trunk/src/js/_enqueues/admin/user-profile.js (modified) (2 diffs)

trunk/src/js/_enqueues/admin/user-profile.js

@@ -152 +152 @@
      */
     function addInlineNotice( $this, success, message ) {
-        var resultDiv = $( '<div />' );
+        var resultDiv = $( '<div />', {
+            role: 'alert'
+        } );
 
         // Set up the notice div.
@@ -475 +477 @@
             $this.prop( 'disabled', true );
             $this.siblings( '.notice' ).remove();
-            $this.before( '<div class="notice notice-success inline"><p>' + response.message + '</p></div>' );
+            $this.before( '<div class="notice notice-success inline"><p>' + response.message + '</p></div>' );
         }).fail( function( response ) {
             $this.siblings( '.notice' ).remove();
-            $this.before( '<div class="notice notice-error inline"><p>' + response.message + '</p></div>' );
+            $this.before( '<div class="notice notice-error inline"><p>' + response.message + '</p></div>' );
         });