Skip to content

Commit e934775

Browse files
committed
refactor: use aria-hidden
1 parent e7c2eea commit e934775

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

src/App.tsx

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -179,10 +179,13 @@ export default function App() {
179179
<Sherlock {...masqueradeSherlockOptions} />
180180
<details className="group">
181181
<summary className="flex cursor-default list-none items-center gap-1 transition-all [&::-webkit-details-marker]:hidden">
182-
<InformationCircleIcon className="not-sr-only size-5 grow-0" />
182+
<InformationCircleIcon aria-hidden="true" className="size-5 grow-0" />
183183
<span className="grow text-xs font-semibold">About this tool</span>
184184
<div className="flex flex-1 justify-end">
185-
<ChevronDownIcon className="not-sr-only flex size-6 grow-0 rotate-0 transform transition-all duration-300 group-open:-rotate-180" />
185+
<ChevronDownIcon
186+
aria-hidden="true"
187+
className="flex size-6 grow-0 rotate-0 transform transition-all duration-300 group-open:-rotate-180"
188+
/>
186189
</div>
187190
</summary>
188191
<p className="pl-2 pt-2 text-xs">
@@ -200,10 +203,13 @@ export default function App() {
200203
<Geocode {...geocodeOptions} />
201204
<details className="group">
202205
<summary className="flex cursor-default list-none items-center gap-1 transition-all [&::-webkit-details-marker]:hidden">
203-
<InformationCircleIcon className="not-sr-only size-5 grow-0" />
206+
<InformationCircleIcon aria-hidden="true" className="size-5 grow-0" />
204207
<span className="grow text-xs font-semibold">About this tool</span>
205208
<div className="flex flex-1 justify-end">
206-
<ChevronDownIcon className="not-sr-only flex size-6 grow-0 rotate-0 transform transition-all duration-300 group-open:-rotate-180" />
209+
<ChevronDownIcon
210+
aria-hidden="true"
211+
className="flex size-6 grow-0 rotate-0 transform transition-all duration-300 group-open:-rotate-180"
212+
/>
207213
</div>
208214
</summary>
209215
<p className="pl-2 pt-2 text-xs">

0 commit comments

Comments
 (0)