External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-19 23:07:42 -02: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
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') { if (status === 'syncing') {
return ( return (
<PulseWrapper> <>
<CloudIcon color={`var(${color})`} title={title} /> <PulseWrapper aria-hidden="true">
</PulseWrapper> <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 = { SyncStatusIndicator.propTypes = {
status: oneOf(['success', 'error', 'disabled', 'syncing']).isRequired, status: oneOf(['success', 'error', 'disabled', 'syncing']).isRequired,