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

@@ -24,7 +24,7 @@
<div class="pr-2">
<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i>
</div>
<div class="alert-text" role="status">{{ errmsg }}</div>
<div class="alert-text" role="alert">{{ errmsg }}</div>
</div>
</div>
</div>

View File

@@ -44,7 +44,7 @@
<div class="pr-2">
<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i>
</div>
<div class="alert-text" role="status">{{ errmsg }}</div>
<div class="alert-text" role="alert">{{ errmsg }}</div>
</div>
</div>
</div>