Simplify aria-hidden

Remove the extra `="true"`
ZEBAS204 · Mar 24, 2023 · e479641 · e479641 · vercel · Mar 24, 2023
1 parent af286de
commit e479641
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -2,7 +2,7 @@ import { Box } from '@chakra-ui/react'
 
 export default function Footer() {
 	return (
-		<Box aria-hidden="true">
+		<Box aria-hidden>
 			<Box
 				h={16}
 				clipPath="polygon(

diff --git a/src/components/common/ScrollMessage.jsx b/src/components/common/ScrollMessage.jsx
@@ -41,7 +41,7 @@ export default function ScrollMessage() {
 					</AlertDialogHeader>
 
 					<AlertDialogBody display="flex" justifyContent="center">
-						<Box as={ScrollAnimation} w="full" h="8em" aria-hidden="true" />
+						<Box as={ScrollAnimation} w="full" h="8em" aria-hidden />
 					</AlertDialogBody>
 
 					<AlertDialogFooter justifyContent="center">

diff --git a/src/components/settings/Accessibility.jsx b/src/components/settings/Accessibility.jsx
@@ -29,7 +29,7 @@ const Slider = (props) => (
 		step={1}
 		{...props}
 	>
-		<SliderTrack aria-hidden="true">
+		<SliderTrack aria-hidden>
 			<SliderFilledTrack />
 		</SliderTrack>
 		{props.children}
@@ -73,11 +73,11 @@ const VolumeSlider = () => {
 				defaultValue={TTS._volume * 100}
 			>
 				<Tooltip
-					aria-hidden="true"
 					isOpen={displayVolumeTooltip}
 					label={volume}
 					placement="top"
 					hasArrow
+					aria-hidden
 				>
 					<SliderThumb />
 				</Tooltip>
@@ -112,11 +112,11 @@ const RateSlider = () => {
 				defaultValue={TTS._rate * 100}
 			>
 				<Tooltip
-					aria-hidden="true"
 					isOpen={displaySpeedTooltip}
 					label={speed}
 					placement="top"
 					hasArrow
+					aria-hidden
 				>
 					<SliderThumb />
 				</Tooltip>

diff --git a/src/components/timer/TimePicker.jsx b/src/components/timer/TimePicker.jsx
@@ -26,7 +26,7 @@ const ArrowButton = ({ asIcon, onClick }) => (
 )
 
 const NumText = ({ children }) => (
-	<Text fontSize="lg" aria-hidden="true">
+	<Text fontSize="lg" aria-hidden>
 		{children}
 	</Text>
 )