mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
Added role=status attribute to all the status messages for accessibility. Fixes #4773.
This commit is contained in:
parent
c4facc04d3
commit
cccc6e5676
@ -11,6 +11,7 @@ New features
|
||||
|
||||
| `Issue #4396 <https://redmine.postgresql.org/issues/4396>`_ - Warn the user on changing the definition of Materialized View about the loss of data and its dependent objects.
|
||||
| `Issue #4435 <https://redmine.postgresql.org/issues/4435>`_ - Allow drag and drop functionality for all the nodes under the database node, excluding collection nodes.
|
||||
| `Issue #4773 <https://redmine.postgresql.org/issues/4773>`_ - Added role="status" attribute to all the status messages for accessibility.
|
||||
|
||||
Housekeeping
|
||||
************
|
||||
|
@ -1103,7 +1103,7 @@ define('pgadmin.browser.node', [
|
||||
|
||||
// Template function to create the status bar
|
||||
var createStatusBar = function(location) {
|
||||
var statusBar = $('<div></div>').addClass(
|
||||
var statusBar = $('<div role="status"></div>').addClass(
|
||||
'pg-prop-status-bar'
|
||||
).appendTo(j);
|
||||
statusBar.css('visibility', 'hidden');
|
||||
|
@ -127,7 +127,7 @@ define([
|
||||
alertMessage = '\
|
||||
<div class="media text-danger text-14">\
|
||||
<div class="media-body media-middle">\
|
||||
<div class="alert-text">' + promptmsg + '</div><br/>\
|
||||
<div class="alert-text" role="status">' + promptmsg + '</div><br/>\
|
||||
<div class="alert-text">' + gettext('Click for details.') + '</div>\
|
||||
</div>\
|
||||
</div>';
|
||||
@ -172,7 +172,7 @@ define([
|
||||
var alertMessage = '\
|
||||
<div class="media text-danger text-14">\
|
||||
<div class="media-body media-middle">\
|
||||
<div class="alert-text">' + gettext('INTERNAL SERVER ERROR') + '</div><br/>\
|
||||
<div class="alert-text" role="status">' + gettext('INTERNAL SERVER ERROR') + '</div><br/>\
|
||||
<div class="alert-text">' + gettext('Click for details.') + '</div>\
|
||||
</div>\
|
||||
</div>';
|
||||
@ -422,7 +422,7 @@ define([
|
||||
<div class="pr-2">
|
||||
<i class="fa fa-check text-success" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="text-body">${message}</div>
|
||||
<div class="text-body" role="status">${message}</div>
|
||||
</div>`;
|
||||
return alertify.orig_success(alertMessage, timeout, callback);
|
||||
},
|
||||
@ -432,7 +432,7 @@ define([
|
||||
<div class="pr-2">
|
||||
<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="text-body">${message}</div>
|
||||
<div class="text-body" role="status">${message}</div>
|
||||
</div>`;
|
||||
return alertify.orig_error(alertMessage, timeout, callback);
|
||||
},
|
||||
@ -442,7 +442,7 @@ define([
|
||||
<div class="mr-3">
|
||||
<i class="fa fa-info text-primary" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="text-body">${message}</div>
|
||||
<div class="text-body" role="status">${message}</div>
|
||||
</div>`;
|
||||
var alert = alertify.notify(alertMessage, timeout);
|
||||
return alert;
|
||||
|
@ -128,7 +128,7 @@ let FilterDialog = {
|
||||
' <div class="pr-2"> ' +
|
||||
' <i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i> ' +
|
||||
' </div> ' +
|
||||
' <div class="alert-text"></div> ' +
|
||||
' <div class="alert-text" role="status"></div> ' +
|
||||
' </div> ' +
|
||||
' </div> ' +
|
||||
'</div>').appendTo($container);
|
||||
|
@ -636,7 +636,7 @@ define([
|
||||
' <div class="pr-2"> ',
|
||||
' <i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i> ',
|
||||
' </div> ',
|
||||
' <div class="alert-text"></div> ',
|
||||
' <div class="alert-text" role="status></div> ',
|
||||
' <div class="ml-auto close-error-bar"> ',
|
||||
' <a class="close-error fa fa-times text-danger"></a> ',
|
||||
' </div> ',
|
||||
|
Loading…
Reference in New Issue
Block a user