mirror of https://github.com/vector-im/riot-web
a11y adjustments for toasts
parent
fd43be5b7a
commit
422ab81185
|
@ -74,7 +74,7 @@ export default class ToastContainer extends React.Component {
|
|||
});
|
||||
|
||||
return (
|
||||
<div className={containerClasses}>
|
||||
<div className={containerClasses} role="alert" aria-live="polite">
|
||||
<div className={toastClasses}>
|
||||
<h2>{title}{countIndicator}</h2>
|
||||
<div className="mx_Toast_body">{React.createElement(component, toastProps)}</div>
|
||||
|
|
|
@ -108,7 +108,7 @@ export default class VerificationRequestToast extends React.PureComponent {
|
|||
}
|
||||
return (<div>
|
||||
<div className="mx_Toast_description">{nameLabel}</div>
|
||||
<div className="mx_Toast_buttons">
|
||||
<div className="mx_Toast_buttons" aria-live="off">
|
||||
<FormButton label={_t("Decline (%(counter)s)", {counter: this.state.counter})} kind="danger" onClick={this.cancel} />
|
||||
<FormButton label={_t("Accept")} onClick={this.accept} />
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue