Allow screen-reader to read label & description of non-textable elements. Fixes #4762.

Allow screen-reader to identify the alert errors. Fixes #4763

  Added role alertdialog for confirm and alert dialog.
  Added role status for all status bars/banners.
  Added role alert for error bars.
  Added aria-labelledby for charts on each dashboard.
  Added tabindex for each chart so that it is navigable using tab key.
This commit is contained in:
Nagesh Dhope
2020-01-28 11:32:11 +05:30
committed by Akshay Joshi
parent 6594481992
commit f167d77b61
15 changed files with 66 additions and 41 deletions

View File

@@ -1726,12 +1726,13 @@ define([
// Create the messages panel to display the message returned from the database server
var messages = new pgAdmin.Browser.Panel({
name: 'messages',
title: gettext('Messages'),
title:
gettext('Messages'),
width: '100%',
height: '100%',
isCloseable: false,
isPrivate: true,
content: '<div id="messages" class="messages" tabindex="0"></div>',
content: '<div role="status" id="messages" class="messages" tabindex="0"></div>',
});
// Create the result panel to display the result after debugging the function