diff --git a/dotcom-rendering/src/components/AudioAtom/AudioAtom.tsx b/dotcom-rendering/src/components/AudioAtom/AudioAtom.tsx index b4887da4c0e..958a5b7f88e 100644 --- a/dotcom-rendering/src/components/AudioAtom/AudioAtom.tsx +++ b/dotcom-rendering/src/components/AudioAtom/AudioAtom.tsx @@ -349,6 +349,7 @@ export const AudioAtom = ({ data-testid={isPlaying ? 'pause-button' : 'play-button'} onClick={() => (isPlaying ? pauseAudio() : playAudio())} css={buttonStyle} + aria-label={isPlaying ? 'Pause' : 'Play'} > {isPlaying ? : } diff --git a/dotcom-rendering/src/components/EditionSwitcherBanner.importable.tsx b/dotcom-rendering/src/components/EditionSwitcherBanner.importable.tsx index 83d896563e6..49a1a0d683c 100644 --- a/dotcom-rendering/src/components/EditionSwitcherBanner.importable.tsx +++ b/dotcom-rendering/src/components/EditionSwitcherBanner.importable.tsx @@ -108,6 +108,7 @@ export const EditionSwitcherBanner = ({ pageId, edition }: Props) => { type="button" css={closeButton} data-link-name="edition-switcher-banner close-banner" + aria-label="Close banner" onClick={() => { hideEditionSwitcherBanner(); }} diff --git a/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV1.tsx b/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV1.tsx index bdff923c89c..1766082de6a 100644 --- a/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV1.tsx +++ b/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV1.tsx @@ -67,6 +67,7 @@ export const SignInGateAuxiaV1 = ({ data-testid="sign-in-gate-main_dismiss" data-ignore="global-link-styling" css={dismissButtonStyles} + aria-label="Dismiss sign-in gate" onClick={() => { dismissGate(); trackLink( diff --git a/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV2.tsx b/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV2.tsx index e4d146f189b..1caf57040dd 100644 --- a/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV2.tsx +++ b/dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV2.tsx @@ -144,6 +144,7 @@ export const SignInGateAuxiaV2 = ({ data-testid="sign-in-gate-main_dismiss" data-ignore="global-link-styling" css={dismissButtonStyles} + aria-label="Dismiss sign-in gate" onClick={() => { dismissGate(); trackLink( @@ -189,6 +190,7 @@ export const SignInGateAuxiaV2 = ({ data-testid="sign-in-gate-main_dismiss" data-ignore="global-link-styling" css={signInDismissButtonStyles} + aria-label="Dismiss sign-in gate" onClick={() => { dismissGate(); trackLink( diff --git a/dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx b/dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx index e849f6cfb1b..058cf7d1e52 100644 --- a/dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx +++ b/dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx @@ -449,7 +449,11 @@ const DesignableBanner: ReactComponent = ({ 'secondary', )} hideLabel={true} - /> + > + {isCollapsed + ? 'Expand banner' + : 'Collapse banner'} + )} {!isCollapsableBanner && (