mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-22 17:18:32 +01:00
53a0d9e498
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. Built from https://develop.svn.wordpress.org/trunk@58455 git-svn-id: http://core.svn.wordpress.org/trunk@57904 1a063a9b-81f0-0310-95a4-ce76da25c4cd
92 lines
3.7 KiB
JavaScript
92 lines
3.7 KiB
JavaScript
/**
|
|
* @output wp-includes/js/wp-ajax-response.js
|
|
*/
|
|
|
|
/* global wpAjax */
|
|
|
|
window.wpAjax = jQuery.extend( {
|
|
unserialize: function( s ) {
|
|
var r = {}, q, pp, i, p;
|
|
if ( !s ) { return r; }
|
|
q = s.split('?'); if ( q[1] ) { s = q[1]; }
|
|
pp = s.split('&');
|
|
for ( i in pp ) {
|
|
if ( typeof pp.hasOwnProperty === 'function' && !pp.hasOwnProperty(i) ) { continue; }
|
|
p = pp[i].split('=');
|
|
r[p[0]] = p[1];
|
|
}
|
|
return r;
|
|
},
|
|
parseAjaxResponse: function( x, r, e ) { // 1 = good, 0 = strange (bad data?), -1 = you lack permission.
|
|
var parsed = {}, re = jQuery('#' + r).empty(), err = '', noticeMessage = '';
|
|
|
|
if ( x && typeof x === 'object' && x.getElementsByTagName('wp_ajax') ) {
|
|
parsed.responses = [];
|
|
parsed.errors = false;
|
|
jQuery('response', x).each( function() {
|
|
var th = jQuery(this), child = jQuery(this.firstChild), response;
|
|
response = { action: th.attr('action'), what: child.get(0).nodeName, id: child.attr('id'), oldId: child.attr('old_id'), position: child.attr('position') };
|
|
response.data = jQuery( 'response_data', child ).text();
|
|
response.supplemental = {};
|
|
if ( !jQuery( 'supplemental', child ).children().each( function() {
|
|
|
|
if ( this.nodeName === 'notice' ) {
|
|
noticeMessage += jQuery(this).text();
|
|
return;
|
|
}
|
|
|
|
response.supplemental[this.nodeName] = jQuery(this).text();
|
|
} ).length ) { response.supplemental = false; }
|
|
response.errors = [];
|
|
if ( !jQuery('wp_error', child).each( function() {
|
|
var code = jQuery(this).attr('code'), anError, errorData, formField;
|
|
anError = { code: code, message: this.firstChild.nodeValue, data: false };
|
|
errorData = jQuery('wp_error_data[code="' + code + '"]', x);
|
|
if ( errorData ) { anError.data = errorData.get(); }
|
|
formField = jQuery( 'form-field', errorData ).text();
|
|
if ( formField ) { code = formField; }
|
|
if ( e ) { wpAjax.invalidateForm( jQuery('#' + e + ' :input[name="' + code + '"]' ).parents('.form-field:first') ); }
|
|
err += '<p>' + anError.message + '</p>';
|
|
response.errors.push( anError );
|
|
parsed.errors = true;
|
|
} ).length ) { response.errors = false; }
|
|
parsed.responses.push( response );
|
|
} );
|
|
if ( err.length ) {
|
|
re.html( '<div class="notice notice-error" role="alert">' + err + '</div>' );
|
|
wp.a11y.speak( err );
|
|
} else if ( noticeMessage.length ) {
|
|
re.html( '<div class="notice notice-success is-dismissible" role="alert"><p>' + noticeMessage + '</p></div>');
|
|
jQuery(document).trigger( 'wp-updates-notice-added' );
|
|
wp.a11y.speak( noticeMessage );
|
|
}
|
|
return parsed;
|
|
}
|
|
if ( isNaN( x ) ) {
|
|
wp.a11y.speak( x );
|
|
return ! re.html( '<div class="notice notice-error" role="alert"><p>' + x + '</p></div>' );
|
|
}
|
|
x = parseInt( x, 10 );
|
|
if ( -1 === x ) {
|
|
wp.a11y.speak( wpAjax.noPerm );
|
|
return ! re.html( '<div class="notice notice-error" role="alert"><p>' + wpAjax.noPerm + '</p></div>' );
|
|
} else if ( 0 === x ) {
|
|
wp.a11y.speak( wpAjax.broken );
|
|
return ! re.html( '<div class="notice notice-error" role="alert"><p>' + wpAjax.broken + '</p></div>' );
|
|
}
|
|
return true;
|
|
},
|
|
invalidateForm: function ( selector ) {
|
|
return jQuery( selector ).addClass( 'form-invalid' ).find('input').one( 'change wp-check-valid-field', function() { jQuery(this).closest('.form-invalid').removeClass( 'form-invalid' ); } );
|
|
},
|
|
validateForm: function( selector ) {
|
|
selector = jQuery( selector );
|
|
return !wpAjax.invalidateForm( selector.find('.form-required').filter( function() { return jQuery('input:visible', this).val() === ''; } ) ).length;
|
|
}
|
|
}, wpAjax || { noPerm: 'Sorry, you are not allowed to do that.', broken: 'Something went wrong.' } );
|
|
|
|
// Basic form validation.
|
|
jQuery( function($){
|
|
$('form.validate').on( 'submit', function() { return wpAjax.validateForm( $(this) ); } );
|
|
});
|