Fix icons titles

socialincome-san · Jan 23, 2025 · fa7e5eb · fa7e5eb
1 parent 4f772a9
commit fa7e5eb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/ui/src/icons/donate.tsx b/ui/src/icons/donate.tsx
@@ -8,10 +8,12 @@ export function DonateIcon({ className, ...props }: HTMLAttributes<SVGElement>)
 			height="19"
 			viewBox="0 0 19 19"
 			fill="currentColor"
+			aria-labelledby="donate-icon-title"
 			xmlns="http://www.w3.org/2000/svg"
 			className={twMerge('text-accent', className)}
 			{...props}
 		>
+			<title id="donate-icon-title">Loading spinner</title>
 			<path
 				d="M4.9592 4.05626C4.97353 4.07059 4.98892 4.08321 5.00512 4.09411L8.64836 7.73732C8.70838 7.79734 8.78708 7.82736 8.86577 7.82736C8.86772 7.82736 8.86971 7.82736 8.87169 7.82736C8.95039 7.82736 9.02908 7.79734 9.08911 7.73732L12.7325 4.09396C12.7488 4.08296 12.7642 4.07037 12.7783 4.05626C13.2498 3.5847 13.5263 2.97264 13.5569 2.33277C13.588 1.68181 13.3621 1.08027 12.9208 0.638955C12.5087 0.226908 11.9483 0 11.3428 0C10.6705 0 10 0.284804 9.50344 0.781388C9.48908 0.795747 9.47644 0.811182 9.46551 0.8274L8.86874 1.42417L8.27197 0.827415C8.26105 0.811166 8.2484 0.795747 8.23404 0.781388C7.73746 0.284804 7.06706 0 6.39475 0C5.78917 0 5.22875 0.226924 4.81674 0.63894C4.3754 1.08027 4.14948 1.68181 4.18056 2.33276C4.21113 2.9726 4.48766 3.5847 4.9592 4.05626Z"
 				// fill="#FAC800"

diff --git a/ui/src/icons/si.tsx b/ui/src/icons/si.tsx
@@ -9,12 +9,12 @@ export function SIIcon({ className, ...props }: HTMLAttributes<SVGElement>) {
 			xmlSpace="preserve"
 			fill="currentColor"
 			aria-hidden={true}
-			aria-labelledby="si-icon"
+			aria-labelledby="si-icon-title"
 			viewBox="0 0 816 815.8"
 			className={twMerge('text-accent', className)}
 			{...props}
 		>
-			<title id="si-icon">Social Income Icon</title>
+			<title id="si-icon-title">Social Income Icon</title>
 			<g>
 				<path id="Pfad_185" className="st0" d="M714.1,663.9h102v-512h-102V663.9z" />
 				<path id="Pfad_186" className="st0" d="M366.4,631.9l92.8,43.3l216.3-463.8l-92.8-43.3L366.4,631.9z" />

diff --git a/ui/src/icons/spinner.tsx b/ui/src/icons/spinner.tsx
@@ -9,11 +9,12 @@ export function SpinnerIcon({ className, ...props }: HTMLAttributes<SVGElement>)
 			xmlSpace="preserve"
 			fill="none"
 			aria-hidden={true}
-			aria-labelledby="si-logo-title"
+			aria-labelledby="spinner-icon-title"
 			viewBox="0 0 24 24"
 			className={twMerge('h-5 w-5 animate-spin', className)}
 			{...props}
 		>
+			<title id="spinner-icon-title">Loading spinner</title>
 			<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
 			<path
 				className="opacity-75"