External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 10:00:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

add a11y label to SyncStatusIndicator

Browse Source
This commit is contained in:
Keith Grant 2020-09-30 14:36:07 -07:00
parent c75c6ae03d
commit e204325d1d
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
awx/ui_next/src/components/SyncStatusIndicator/SyncStatusIndicator.jsx
View File

@ -29,13 +29,21 @@ export default function SyncStatusIndicator({ status, title }) {
if (status === 'syncing') {
return (
<PulseWrapper>
<CloudIcon color={`var(${color})`} title={title} />
</PulseWrapper>
<>
<PulseWrapper aria-hidden="true">
<CloudIcon color={`var(${color})`} title={title} />
</PulseWrapper>
<span className="pf-screen-reader">{status}</span>
</>
);
}
return <CloudIcon color={`var(${color})`} title={title} />;
return (
<>
<CloudIcon color={`var(${color})`} title={title} aria-hidden="true" />
<span className="pf-screen-reader">{status}</span>
</>
);
}
SyncStatusIndicator.propTypes = {
status: oneOf(['success', 'error', 'disabled', 'syncing']).isRequired,