add alt to avatar img elements

frontend/src/components/Status/index.tsx

@@ -26,7 +26,7 @@ export default component$((props: Props) => {
 			<div onClick$={handleContentClick}>
 				<div class="flex justify-between mb-3">
 					<div class="flex">
-						<Avatar src={status.account.avatar} />
+						<Avatar accountDisplayName={status.account.display_name} src={status.account.avatar} />
 						<div class="flex-col ml-3">
 							<div>
 								{/* TODO: this should either have an href or not being an `a` element (also consider using QwikCity's `Link` instead) */}

frontend/src/components/avatar/index.tsx

@@ -2,8 +2,9 @@ import { component$ } from '@builder.io/qwik'
 
 type Props = {
 	src: string
+	accountDisplayName: string
 }
 
-export const Avatar = component$<Props>(({ src }) => {
-	return <img class="rounded h-12 w-12" src={src} />
+export const Avatar = component$<Props>(({ src, accountDisplayName }) => {
+	return <img class="rounded h-12 w-12" src={src} alt={`Avatar of ${accountDisplayName}`} />
 })

frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx

@@ -36,7 +36,7 @@ export default component$(() => {
 			<div class="bg-wildebeest-700 p-4">
 				{/* Account Card */}
 				<div class="flex">
-					<Avatar src={status.account.avatar} />
+					<Avatar accountDisplayName={status.account.display_name} src={status.account.avatar} />
 					<div class="flex flex-col">
 						<div class="p-1">
 							{/* TODO: this should either have an href or not being an `a` element (also consider using QwikCity's `Link` instead) */}