opendev/gerrit
Code Issues Proposed changes

A11y - announce alerts and error alerts

Browse Source 
Change-Id: Ic167cf13b9ee45cd3cbcfa42c1ad2f9f296de0bf
This commit is contained in:
Milutin Kristofic
2020-08-26 22:16:02 +02:00
parent 709da5ddbc
commit bf4217fca4
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
polygerrit-ui/app/elements/core/gr-error-manager/gr-error-manager.js
View File

@@ -27,6 +27,7 @@ import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {htmlTemplate} from './gr-error-manager_html.js'; import {htmlTemplate} from './gr-error-manager_html.js';
import {getBaseUrl} from '../../../utils/url-util.js'; import {getBaseUrl} from '../../../utils/url-util.js';
import {appContext} from '../../../services/app-context.js'; import {appContext} from '../../../services/app-context.js';
import {IronA11yAnnouncer} from '@polymer/iron-a11y-announcer/iron-a11y-announcer.js';
const HIDE_ALERT_TIMEOUT_MS = 5000; const HIDE_ALERT_TIMEOUT_MS = 5000;
const CHECK_SIGN_IN_INTERVAL_MS = 60 * 1000; const CHECK_SIGN_IN_INTERVAL_MS = 60 * 1000;
@@ -122,6 +123,8 @@ class GrErrorManager extends GestureEventListeners(
event => { event => {
this._handleAuthError(event.message, event.action); this._handleAuthError(event.message, event.action);
}); });
IronA11yAnnouncer.requestAvailability();
} }
/** @override */ /** @override */
@@ -272,6 +275,7 @@ class GrErrorManager extends GestureEventListeners(
const el = this._createToastAlert(); const el = this._createToastAlert();
el.show(text, opt_actionText, opt_actionCallback); el.show(text, opt_actionText, opt_actionCallback);
this._alertElement = el; this._alertElement = el;
this.fire('iron-announce', {text}, {bubbles: true} );
} }
_hideAlert() { _hideAlert() {
@@ -302,7 +306,7 @@ class GrErrorManager extends GestureEventListeners(
this._alertElement.type = ErrorType.AUTH; this._alertElement.type = ErrorType.AUTH;
this._alertElement.show(errorText, actionText, this._alertElement.show(errorText, actionText,
this._createLoginPopup.bind(this)); this._createLoginPopup.bind(this));
this.fire('iron-announce', {text: errorText}, {bubbles: true} );
this._refreshingCredentials = true; this._refreshingCredentials = true;
this._requestCheckLoggedIn(); this._requestCheckLoggedIn();
if (!document.hidden) { if (!document.hidden) {