diff --git a/frontend/src/components/Status/index.tsx b/frontend/src/components/Status/index.tsx
index 202840b..65daf0e 100644
--- a/frontend/src/components/Status/index.tsx
+++ b/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) */}
diff --git a/frontend/src/components/avatar/index.tsx b/frontend/src/components/avatar/index.tsx
index bc6d749..1d17457 100644
--- a/frontend/src/components/avatar/index.tsx
+++ b/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}`} />
 })
diff --git a/frontend/src/components/layout/RightColumn/RightColumn.tsx b/frontend/src/components/layout/RightColumn/RightColumn.tsx
index ad2551f..062589e 100644
--- a/frontend/src/components/layout/RightColumn/RightColumn.tsx
+++ b/frontend/src/components/layout/RightColumn/RightColumn.tsx
@@ -22,7 +22,7 @@ export default component$(() => {
 		}
 
 		return (
-			<Link href={linkTarget} class={classList}>
+			<Link href={linkTarget} class={classList} aria-label={linkText}>
 				<i style={{ width: '1.25rem', height: '1rem' }} class={`fa ${iconName} fa-fw md:mr-3 w-5 h-4`} />
 				<span class="hidden md:inline">{linkText}</span>
 			</Link>
@@ -41,7 +41,7 @@ export default component$(() => {
 		<div class="bg-wildebeest-600 xl:bg-transparent flex flex-col justify-between right-column-wrapper text-wildebeest-200 flex-1">
 			<div class="sticky top-[3.9rem] xl:top-0">
 				<div class="xl:p-4">
-					<a class="no-underline hidden xl:flex items-center" href="https://mastodon.social">
+					<a class="no-underline hidden xl:flex items-center" aria-label="Wildebeest Home" href="/">
 						<WildebeestLogo size="medium" />
 					</a>
 				</div>
diff --git a/frontend/src/routes/(admin)/first-login/index.tsx b/frontend/src/routes/(admin)/first-login/index.tsx
index 4906381..fcd03d0 100644
--- a/frontend/src/routes/(admin)/first-login/index.tsx
+++ b/frontend/src/routes/(admin)/first-login/index.tsx
@@ -1,4 +1,5 @@
 import { component$ } from '@builder.io/qwik'
+import { DocumentHead } from '@builder.io/qwik-city'
 import { WildebeestLogo } from '~/components/MastodonLogo'
 import { useDomain } from '~/utils/useDomain'
 
@@ -45,3 +46,15 @@ export default component$(() => {
 		</div>
 	)
 })
+
+export const head: DocumentHead = () => {
+	return {
+		title: 'Wildebeest Login',
+		meta: [
+			{
+				name: 'description',
+				content: 'Wildebeest Login page',
+			},
+		],
+	}
+}
diff --git a/frontend/src/routes/(admin)/start-instance/index.tsx b/frontend/src/routes/(admin)/start-instance/index.tsx
index 45a6148..6ec16aa 100644
--- a/frontend/src/routes/(admin)/start-instance/index.tsx
+++ b/frontend/src/routes/(admin)/start-instance/index.tsx
@@ -1,4 +1,5 @@
 import { $, component$, useStore, useClientEffect$, useSignal } from '@builder.io/qwik'
+import { DocumentHead } from '@builder.io/qwik-city'
 import { WildebeestLogo } from '~/components/MastodonLogo'
 import { useDomain } from '~/utils/useDomain'
 import Step1 from './step-1'
@@ -58,3 +59,15 @@ export default component$(() => {
 		</div>
 	)
 })
+
+export const head: DocumentHead = () => {
+	return {
+		title: 'Wildebeest Start Instance',
+		meta: [
+			{
+				name: 'description',
+				content: 'Wildebeest Instance Setup page',
+			},
+		],
+	}
+}
diff --git a/frontend/src/routes/(admin)/start-instance/step-1.tsx b/frontend/src/routes/(admin)/start-instance/step-1.tsx
index 454c14d..13f1a3e 100644
--- a/frontend/src/routes/(admin)/start-instance/step-1.tsx
+++ b/frontend/src/routes/(admin)/start-instance/step-1.tsx
@@ -20,7 +20,7 @@ export default component$<Props>(({ instanceConfig, setLoading, setInstanceConfi
 					<input
 						id="start-instance-title"
 						name="title"
-						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-400 focus:border-wildebeest-vibrant-400 invalid:border-red-400 flex-1 w-full"
+						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-500 focus:border-wildebeest-vibrant-500 invalid:border-red-400 flex-1 w-full"
 						value={instanceConfig.title}
 						onInput$={(ev) => (instanceConfig.title = (ev.target as HTMLInputElement).value)}
 					/>
@@ -36,7 +36,7 @@ export default component$<Props>(({ instanceConfig, setLoading, setInstanceConfi
 						id="start-instance-email"
 						name="email"
 						type="email"
-						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-400 focus:border-wildebeest-vibrant-400 invalid:border-red-400 flex-1 w-full"
+						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-500 focus:border-wildebeest-vibrant-500 invalid:border-red-400 flex-1 w-full"
 						value={instanceConfig.email}
 						onInput$={(ev) => (instanceConfig.email = (ev.target as HTMLInputElement).value)}
 					/>
@@ -51,7 +51,7 @@ export default component$<Props>(({ instanceConfig, setLoading, setInstanceConfi
 					<input
 						id="start-instance-description"
 						name="description"
-						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-400 focus:border-wildebeest-vibrant-400 invalid:border-red-400 flex-1 w-full"
+						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-500 focus:border-wildebeest-vibrant-500 invalid:border-red-400 flex-1 w-full"
 						value={instanceConfig.description}
 						onInput$={(ev) => (instanceConfig.description = (ev.target as HTMLInputElement).value)}
 					/>
@@ -60,7 +60,7 @@ export default component$<Props>(({ instanceConfig, setLoading, setInstanceConfi
 
 			<button
 				type="submit"
-				class="mb-9 bg-wildebeest-vibrant-400 hover:bg-wildebeest-vibrant-500 p-3 text-white text-uppercase border-wildebeest-vibrant-400 text-lg text-semi outline-none border rounded hover:border-wildebeest-vibrant-500 focus:border-wildebeest-vibrant-500"
+				class="mb-9 bg-wildebeest-vibrant-500 hover:bg-wildebeest-vibrant-600 p-3 text-white text-uppercase border-wildebeest-vibrant-500 text-lg text-semi outline-none border rounded hover:border-wildebeest-vibrant-600 focus:border-wildebeest-vibrant-600"
 				preventdefault:click
 				onClick$={async () => {
 					setLoading(true)
diff --git a/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx b/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx
index b97ab91..d4f9cd8 100644
--- a/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx
+++ b/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) */}
diff --git a/frontend/src/routes/(frontend)/explore/links/index.tsx b/frontend/src/routes/(frontend)/explore/links/index.tsx
index 6f986ff..852f54d 100644
--- a/frontend/src/routes/(frontend)/explore/links/index.tsx
+++ b/frontend/src/routes/(frontend)/explore/links/index.tsx
@@ -25,7 +25,7 @@ export default component$(() => {
 										<div class="text-sm text-wildebeest-400">{formatHistory(link.history)}</div>
 									</div>
 									<div>
-										<img class="w-32 max-w-fit h-32 object-cover" src={link.image} />
+										<img class="w-32 max-w-fit h-32 object-cover" src={link.image} alt="" />
 									</div>
 								</div>
 							</a>
diff --git a/frontend/src/routes/(frontend)/layout.tsx b/frontend/src/routes/(frontend)/layout.tsx
index d8063c5..3952c32 100644
--- a/frontend/src/routes/(frontend)/layout.tsx
+++ b/frontend/src/routes/(frontend)/layout.tsx
@@ -27,7 +27,7 @@ export default component$(() => {
 	return (
 		<>
 			<header class="h-[3.9rem] z-50 sticky top-0 bg-wildebeest-600 p-3 w-full border-b border-wildebeest-700 xl:hidden">
-				<a class="no-underline flex items-center w-max" href="https://mastodon.social">
+				<a class="no-underline flex items-center w-max" aria-label="Wildebeest Home" href="/">
 					<WildebeestLogo size="small" />
 				</a>
 			</header>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index a8bab47..25fea64 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -10,7 +10,7 @@
 	--wildebeest-vibrant-hue: calc( var(--wildebeest-hue) + 15 );
 	--wildebeest-color-200: hsl(var(--wildebeest-hue), 25%, 88%);
 	--wildebeest-color-400: hsl(var(--wildebeest-hue), 29%, 70%);
-	--wildebeest-color-500: hsl(var(--wildebeest-hue), 16%, 45%);
+	--wildebeest-color-500: hsl(var(--wildebeest-hue), 16%, 65%);
 	--wildebeest-color-700: hsl(var(--wildebeest-hue), 16%, 23%);
 	--wildebeest-color-600: hsl(var(--wildebeest-hue), 15%, 19%);
 	--wildebeest-color-800: hsl(var(--wildebeest-hue), 16%, 15%);