1
0
mirror of https://github.com/flarum/core.git synced 2025-07-18 23:31:17 +02:00

Add accessibility attributes to loading spinner (#2799)

This commit is contained in:
David Wheatley
2021-04-20 17:25:23 +01:00
committed by GitHub
parent 42a9de5a11
commit c042394d4a
2 changed files with 14 additions and 3 deletions

View File

@@ -53,8 +53,14 @@ export default class LoadingIndicator extends Component<LoadingIndicatorAttrs> {
attrs.containerClassName = classList({ 'LoadingIndicator-container': true, [attrs.containerClassName || '']: true });
return (
<div {...attrs.containerAttrs} data-size={size} className={attrs.containerClassName}>
<div {...attrs}></div>
<div
aria-label={app.translator.trans('core.lib.loading_indicator.accessible_label')}
role="status"
{...attrs.containerAttrs}
data-size={size}
className={attrs.containerClassName}
>
<div aria-hidden {...attrs} />
</div>
);
}