diff --git a/README.md b/README.md
index 024ebd4..9a54afd 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ The full project description and specification are in [docs/Specifications for p
 
 ## Link to VM
 
-http://it2810-03.idi.ntnu.no/project2
+http://it2810-03.idi.ntnu.no/project2/
 
 ## Core features
 
@@ -20,6 +20,19 @@ http://it2810-03.idi.ntnu.no/project2
 - **Profile:** Your preferences and saved plants in one place.
 - **Language and theme:** The app is available in English and Norwegian, and has a light and a dark theme.
 
+## Accessibility
+
+The app includes the following accessibility features:
+
+- **Page structure:** Semantic `header`, `nav`, `main` and `article` elements organise the content. Sidebar navigation has an accessible name, and the current page is marked with `aria-current="page"`.
+- **Keyboard controls:** Navigation uses links, and actions use native buttons. Sidebar links, pagination, sorting controls and avatar options have explicit focus styles. Plant Match instructions are also shown when their control receives focus.
+- **Forms and images:** Search, filters and profile inputs have associated labels. Plant images use the plant name as alternative text, and profile and avatar images also include alternative text.
+- **Control states:** The sort menu exposes its expanded state, and sort and avatar choices expose their selected state with ARIA attributes. Pagination announces page changes through an `aria-live="polite"` region.
+- **Plant cards:** The inactive side of a flipped card is hidden from assistive technology with `aria-hidden`, and its information button is removed from the keyboard tab order.
+- **Reduced motion:** The card flip and My Matches hover transitions are disabled when the user requests reduced motion.
+
+The deployed production version received an Accessibility score of **100 in Lighthouse** in our latest reported run. Automated component tests also check selected accessible names, navigation state and sorting states. This does not establish full WCAG compliance; a complete manual keyboard and screen reader audit has not been verified here.
+
 ## Tech stack
 
 | Part     | Technology                                                    |
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 741e068..d42ead8 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -22,7 +22,7 @@ The sections below describe each part in more detail.
 
 The frontend is built with React and TypeScript (Vite).
 
-- **Routing:** Routes are defined in `AppRoutes.tsx` with React Router, and the app is served under the base path `/project2`.
+- **Routing:** Routes are defined in `AppRoutes.tsx` with React Router, and the app is served under the base path `/project2/`. Vite defines this base in `frontend/vite.config.ts`; `BrowserRouter` uses the same value through `import.meta.env.BASE_URL`, including the trailing slash for home links.
 - **Reusable logic in hooks:** Logic without UI is kept in hooks. `useDebounce` delays updates while the user is typing, and `useSessionState` stores state in `sessionStorage`.
 - **Internationalisation:** Text is stored in translation files for Norwegian and English (i18next).
 - **Shared types and helpers:** `Plant` and `Preference` are defined in `types/`, and helper functions such as `isPreferenceMatch` in `utils/`.
diff --git a/frontend/public/plant-placeholder.png b/frontend/public/plant-placeholder.png
index a6fceef..c9a0f74 100644
Binary files a/frontend/public/plant-placeholder.png and b/frontend/public/plant-placeholder.png differ
diff --git a/frontend/src/AppRoutes.tsx b/frontend/src/AppRoutes.tsx
index fcc3320..3059f2b 100644
--- a/frontend/src/AppRoutes.tsx
+++ b/frontend/src/AppRoutes.tsx
@@ -1,8 +1,12 @@
+import { lazy, Suspense } from "react";
 import { Route, Routes } from "react-router-dom";
 import PlantMatchPage from "./pages/plantMatch/PlantMatchPage.tsx";
-import ExplorePlants from "./pages/explorePlants/ExplorePlants.tsx";
-import MyMatchesPage from "./pages/myMatches/MyMatchesPage.tsx";
-import Profile from "./pages/profile/Profile.tsx";
+
+const ExplorePlants = lazy(
+  () => import("./pages/explorePlants/ExplorePlants.tsx"),
+);
+const MyMatchesPage = lazy(() => import("./pages/myMatches/MyMatchesPage.tsx"));
+const Profile = lazy(() => import("./pages/profile/Profile.tsx"));
 
 // eslint-disable-next-line react-refresh/only-export-components
 export const ROUTES = {
@@ -14,12 +18,14 @@ export const ROUTES = {
 
 function AppRoutes() {
   return (
-    <Routes>
-      <Route path={ROUTES.plantMatch} element={<PlantMatchPage />} />
-      <Route path={ROUTES.explore} element={<ExplorePlants />} />
-      <Route path={ROUTES.myMatches} element={<MyMatchesPage />} />
-      <Route path={ROUTES.profile} element={<Profile />} />
-    </Routes>
+    <Suspense fallback={null}>
+      <Routes>
+        <Route path={ROUTES.plantMatch} element={<PlantMatchPage />} />
+        <Route path={ROUTES.explore} element={<ExplorePlants />} />
+        <Route path={ROUTES.myMatches} element={<MyMatchesPage />} />
+        <Route path={ROUTES.profile} element={<Profile />} />
+      </Routes>
+    </Suspense>
   );
 }
 
diff --git a/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.css b/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.css
index 8bdfcdf..c93396c 100644
--- a/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.css
+++ b/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.css
@@ -20,11 +20,7 @@
 
   border: 2px solid transparent;
 
-  transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    border-color 0.2s ease,
-    transform 0.2s ease;
+  transition: transform 0.2s ease;
 }
 
 .plant-preference-chip.is-match {
diff --git a/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.tsx b/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.tsx
index 656388b..b9da76f 100644
--- a/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.tsx
+++ b/frontend/src/components/PlantPreferenceChips/PlantPreferenceChips.tsx
@@ -100,16 +100,26 @@ export default function PlantPreferenceChips({
   }
 
   return (
-    <div className="plant-card-preferences">
+    <div
+      className="plant-card-preferences"
+      role="group"
+      aria-label={t("plantCard.preferences")}
+    >
       {plantPreferences.map((preference) => {
         const isMatch = selectedPreferences.includes(preference);
+        const label = t(`preferences.${preference}`);
 
         return (
           <span
             key={preference}
             className={`plant-preference-chip ${isMatch ? "is-match" : ""}`}
+            role="group"
+            aria-label={label}
+            aria-description={
+              isMatch ? t("plantCard.matchesPreferences") : undefined
+            }
           >
-            {t(`preferences.${preference}`)}
+            {label}
           </span>
         );
       })}
diff --git a/frontend/src/components/plantCard/PlantCard.css b/frontend/src/components/plantCard/PlantCard.css
index a8ef455..5d76333 100644
--- a/frontend/src/components/plantCard/PlantCard.css
+++ b/frontend/src/components/plantCard/PlantCard.css
@@ -174,7 +174,7 @@
   justify-content: center;
   gap: 14px;
   background: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
   border: none;
   border-radius: 999px;
   font-family: inherit;
diff --git a/frontend/src/components/sidebar/Sidebar.css b/frontend/src/components/sidebar/Sidebar.css
index b668c09..db4e22e 100644
--- a/frontend/src/components/sidebar/Sidebar.css
+++ b/frontend/src/components/sidebar/Sidebar.css
@@ -46,7 +46,7 @@
 
 .sidebar__link[aria-current="page"] {
   background: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
   font-weight: 600;
   border-color: transparent;
 }
@@ -68,6 +68,7 @@
 .sidebar_title {
   font-size: 2rem;
   font-weight: 600;
+  margin-top: 1em;
   margin-bottom: 1rem;
   text-align: center;
 }
diff --git a/frontend/src/components/sidebar/Sidebar.tsx b/frontend/src/components/sidebar/Sidebar.tsx
index 61b90cd..f2ff4f7 100644
--- a/frontend/src/components/sidebar/Sidebar.tsx
+++ b/frontend/src/components/sidebar/Sidebar.tsx
@@ -14,7 +14,12 @@ export default function Sidebar({ isOpen, onCloseSidebar }: SidebarProps) {
   const { t } = useTranslation();
 
   return (
-    <aside className="sidebar" id="sidebar" data-open={isOpen}>
+    <aside
+      className="sidebar"
+      id="sidebar"
+      data-open={isOpen}
+      aria-labelledby="sidebar-title"
+    >
       <button
         className="close-button"
         onClick={onCloseSidebar}
@@ -23,7 +28,9 @@ export default function Sidebar({ isOpen, onCloseSidebar }: SidebarProps) {
         ×
       </button>
 
-      <p className="sidebar_title">{t("sidebar.title")}</p>
+      <h2 className="sidebar_title" id="sidebar-title">
+        {t("sidebar.title")}
+      </h2>
       <nav className="sidebar__nav" aria-label="Sidebar navigation">
         <ul>
           <li>
diff --git a/frontend/src/components/sidebarButtons/ThemeToggle.tsx b/frontend/src/components/sidebarButtons/ThemeToggle.tsx
index 4c16f46..b029d62 100644
--- a/frontend/src/components/sidebarButtons/ThemeToggle.tsx
+++ b/frontend/src/components/sidebarButtons/ThemeToggle.tsx
@@ -1,7 +1,9 @@
 import { useState } from "react";
+import { useTranslation } from "react-i18next";
 import "./SideBarButton.css";
 
 export default function ThemeToggle() {
+  const { t } = useTranslation();
   const [darkMode, setDarkMode] = useState(false);
 
   function changeTheme() {
@@ -15,7 +17,13 @@ export default function ThemeToggle() {
   }
 
   return (
-    <button className="sidebar-button" onClick={changeTheme}>
+    <button
+      className="sidebar-button"
+      onClick={changeTheme}
+      aria-label={t(
+        darkMode ? "sidebar.switchToLightMode" : "sidebar.switchToDarkMode",
+      )}
+    >
       {darkMode ? "🌞️" : "🌚"}
     </button>
   );
diff --git a/frontend/src/i18n/locales/en/translation.json b/frontend/src/i18n/locales/en/translation.json
index b5ea059..03626db 100644
--- a/frontend/src/i18n/locales/en/translation.json
+++ b/frontend/src/i18n/locales/en/translation.json
@@ -7,6 +7,8 @@
     "soilType": "Soil type"
   },
   "sidebar": {
+    "switchToLightMode": "Switch to light mode",
+    "switchToDarkMode": "Switch to dark mode",
     "plantMatch": "Plant Match",
     "myMatches": "My Matches",
     "explorePlants": "Explore Plants",
@@ -14,6 +16,8 @@
     "title": "I <3 Plants"
   },
   "plantMatchPage": {
+    "skipPlant": "Skip plant",
+    "likePlant": "Like plant",
     "title": "Find your perfect match",
     "howToMatch": "How to match",
     "instruction1": "Like the plant? Click ✿ if you do, ✖ if you don't.",
@@ -76,9 +80,10 @@
   "profile": {
     "name": "Name Surname",
     "description": "Description",
+    "descriptionLabel": "Profile description",
     "preferences": "Preferences",
     "editProfile": "Edit profile",
-    "imageAlt": "Profile image",
+    "imageAlt": "Profile picture",
     "enterName": "Write your name",
     "aboutYou": "Write something about you",
     "avatarChooser": "Choose your avatar:",
@@ -93,6 +98,8 @@
     "placeholderAbout": "Something about you..."
   },
   "plantCard": {
+    "preferences": "Plant preferences",
+    "matchesPreferences": "Matches your saved preferences",
     "information": "Information",
     "save": "Save plant",
     "back": "Back",
diff --git a/frontend/src/i18n/locales/no/translation.json b/frontend/src/i18n/locales/no/translation.json
index de6a0ed..5afaf14 100644
--- a/frontend/src/i18n/locales/no/translation.json
+++ b/frontend/src/i18n/locales/no/translation.json
@@ -7,6 +7,8 @@
     "soilType": "Jordtype"
   },
   "sidebar": {
+    "switchToLightMode": "Bytt til lys modus",
+    "switchToDarkMode": "Bytt til mørk modus",
     "plantMatch": "Plante-Matching",
     "myMatches": "Mine Matches",
     "explorePlants": "Utforsk Planter",
@@ -14,6 +16,8 @@
     "title": "I <3 Plants"
   },
   "plantMatchPage": {
+    "skipPlant": "Hopp over planten",
+    "likePlant": "Lik planten",
     "title": "Finn din perfekte match",
     "howToMatch": "Slik matcher du",
     "instruction1": "Liker du planten? Klikk ✿ hvis du liker den og ✖ hvis ikke.",
@@ -76,6 +80,7 @@
   "profile": {
     "name": "Navn Etternavn",
     "description": "Beskrivelse",
+    "descriptionLabel": "Profilbeskrivelse",
     "preferences": "Preferanser",
     "editProfile": "Endre profil",
     "imageAlt": "Profilbilde",
@@ -93,6 +98,8 @@
     "placeholderAbout": "Noe om deg..."
   },
   "plantCard": {
+    "preferences": "Plantepreferanser",
+    "matchesPreferences": "Matcher dine lagrede preferanser",
     "information": "Informasjon",
     "save": "Lagre plante",
     "back": "Tilbake",
diff --git a/frontend/src/index.css b/frontend/src/index.css
index a1dec94..84cb8f9 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -19,6 +19,7 @@ body {
   --text-light: #ffffff;
   --light-background: #ffffff;
   --dark-green: #3a6642;
+  --text-on-green: #ffffff;
   --light-green: #e8f0e9;
   --dark-pink: #9e3050;
   --pink-text: #9e3050;
@@ -37,6 +38,7 @@ body {
   --text-light: #ffffff;
   --light-background: #292724;
   --dark-green: #8fb996;
+  --text-on-green: #191816;
   --light-green: #2c3a2e;
   --dark-pink: #c2476b;
   --light-pink: #4a2a35;
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 5704993..72a8fc6 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -15,7 +15,7 @@ const clienten = new ApolloClient({
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <ApolloProvider client={clienten}>
-      <BrowserRouter basename="/project2">
+      <BrowserRouter basename={import.meta.env.BASE_URL}>
         <App />
       </BrowserRouter>
     </ApolloProvider>
diff --git a/frontend/src/pages/explorePlants/ExplorePlants.css b/frontend/src/pages/explorePlants/ExplorePlants.css
index 6d06402..438892f 100644
--- a/frontend/src/pages/explorePlants/ExplorePlants.css
+++ b/frontend/src/pages/explorePlants/ExplorePlants.css
@@ -85,7 +85,7 @@
 
 .reset-button:hover {
   background-color: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
 }
 
 .reset-button:focus-within {
@@ -148,7 +148,7 @@
 
 .pagination button:hover:not(:disabled) {
   background-color: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
 }
 
 .pagination button:focus-visible {
@@ -182,7 +182,7 @@
 
 .sort-button:hover {
   background-color: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
 }
 
 .sort-button:focus-visible,
diff --git a/frontend/src/pages/plantMatch/PlantMatchPage.css b/frontend/src/pages/plantMatch/PlantMatchPage.css
index b37f7c3..a181b90 100644
--- a/frontend/src/pages/plantMatch/PlantMatchPage.css
+++ b/frontend/src/pages/plantMatch/PlantMatchPage.css
@@ -176,7 +176,7 @@
 
 .like-button {
   background-color: var(--dark-green);
-  color: var(--text-light);
+  color: var(--text-on-green);
 }
 
 @media (max-width: 767px) {
diff --git a/frontend/src/pages/plantMatch/PlantMatchPage.tsx b/frontend/src/pages/plantMatch/PlantMatchPage.tsx
index ef333f9..b8e93f8 100644
--- a/frontend/src/pages/plantMatch/PlantMatchPage.tsx
+++ b/frontend/src/pages/plantMatch/PlantMatchPage.tsx
@@ -59,6 +59,7 @@ function PlantMatchPage() {
       <section className="plant-match">
         <button
           className="swipe-button dislike-button"
+          aria-label={t("plantMatchPage.skipPlant")}
           onClick={goToNextPlant}
           disabled={!plant}
         >
@@ -122,6 +123,7 @@ function PlantMatchPage() {
 
         <button
           className="swipe-button like-button"
+          aria-label={t("plantMatchPage.likePlant")}
           onClick={matchPlant}
           disabled={!plant}
         >
diff --git a/frontend/src/pages/profile/Profile.css b/frontend/src/pages/profile/Profile.css
index dc297a7..509526a 100644
--- a/frontend/src/pages/profile/Profile.css
+++ b/frontend/src/pages/profile/Profile.css
@@ -22,6 +22,18 @@
   padding-top: 20px;
 }
 
+.profile-description-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
 .profile-preferences {
   margin-top: 50px;
 }
diff --git a/frontend/src/pages/profile/Profile.tsx b/frontend/src/pages/profile/Profile.tsx
index 3dd6eb5..496d600 100644
--- a/frontend/src/pages/profile/Profile.tsx
+++ b/frontend/src/pages/profile/Profile.tsx
@@ -76,10 +76,19 @@ export default function Profile() {
   return (
     <main className="profile">
       <div className="profile-info">
-        <img className="profile-img" src={currentAvatar} alt={name} />
+        <img
+          className="profile-img"
+          src={currentAvatar}
+          alt={`${t("profile.imageAlt")}: ${name}`}
+        />
         <div className="profile-text">
           <h1> {name} </h1>
-          <p> {description} </p>
+          <p>
+            <span className="profile-description-label">
+              {t("profile.descriptionLabel")}:{" "}
+            </span>
+            {description}
+          </p>
         </div>
       </div>
 
@@ -127,7 +136,7 @@ export default function Profile() {
               value={description}
               onChange={(event) => setDescription(event.target.value)}
               maxLength={100}
-              placeholder= {t("profile.placeholderAbout")}
+              placeholder={t("profile.placeholderAbout")}
             />
 
             <h3>{t("profile.avatarChooser")} </h3>
diff --git a/frontend/src/tests/PlantMatchPage.test.tsx b/frontend/src/tests/PlantMatchPage.test.tsx
index 3da686b..7ea3d39 100644
--- a/frontend/src/tests/PlantMatchPage.test.tsx
+++ b/frontend/src/tests/PlantMatchPage.test.tsx
@@ -37,7 +37,7 @@ describe("PlantMatchPage", () => {
     expect(screen.getAllByText("Hydrangea").length).toBeGreaterThan(0);
   });
 
-  it.each(["✖", "✿"])(
+  it.each(["plantMatchPage.skipPlant", "plantMatchPage.likePlant"])(
     "advances to the next plant with %s and shows the empty card at the end",
     (button) => {
       render(<PlantMatchPage />);
@@ -74,5 +74,11 @@ describe("PlantMatchPage", () => {
       "is-match",
     );
     expect(screen.getByText("preferences.fullSun")).not.toHaveClass("is-match");
+    expect(
+      screen.getByRole("group", { name: "preferences.averageWater" }),
+    ).toHaveAccessibleDescription("plantCard.matchesPreferences");
+    expect(
+      screen.getByRole("group", { name: "preferences.fullSun" }),
+    ).not.toHaveAttribute("aria-description");
   });
 });
diff --git a/frontend/src/tests/Profile.test.tsx b/frontend/src/tests/Profile.test.tsx
index 597f0c8..23fc884 100644
--- a/frontend/src/tests/Profile.test.tsx
+++ b/frontend/src/tests/Profile.test.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { describe, it, expect, vi } from "vitest";
+import { beforeEach, describe, it, expect, vi } from "vitest";
 
 import Profile from "../pages/profile/Profile";
 
@@ -11,6 +11,10 @@ vi.mock("react-i18next", () => ({
 }));
 
 describe("Profile page", () => {
+  beforeEach(() => {
+    localStorage.clear();
+  });
+
   it("renders profile name", () => {
     render(<Profile />);
 
@@ -22,7 +26,19 @@ describe("Profile page", () => {
   it("renders profile image alt text", () => {
     render(<Profile />);
 
-    expect(screen.getByAltText("profile.imageAlt")).toBeInTheDocument();
+    expect(
+      screen.getByRole("img", { name: "profile.imageAlt: profile.name" }),
+    ).toBeInTheDocument();
+  });
+
+  it("includes a screen reader prefix in the profile description", () => {
+    render(<Profile />);
+
+    const label = screen.getByText("profile.descriptionLabel:");
+    expect(label).toHaveClass("profile-description-label");
+    expect(label.closest("p")).toHaveTextContent(
+      "profile.descriptionLabel: profile.description",
+    );
   });
 
   it("shows the preferences tab by default", () => {
@@ -37,35 +53,65 @@ describe("Profile page", () => {
     ).toBeInTheDocument();
   });
 
-  it("switch to saved plants when button is clicked", async () => {
+  it("opens Edit Profile and displays the labelled fields and avatar chooser", async () => {
     const user = userEvent.setup();
 
     render(<Profile />);
 
     await user.click(
-      screen.getByRole("button", { name: "profile.savedPlants" }),
+      screen.getByRole("button", { name: "profile.editProfile" }),
     );
 
     expect(
-      screen.getByRole("heading", { name: /profile.savedPlants/ }),
+      screen.getByRole("heading", { name: /profile.editProfile/ }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("textbox", { name: "profile.enterName" }),
+    ).toHaveValue("profile.name");
+    expect(
+      screen.getByRole("textbox", { name: "profile.aboutYou" }),
+    ).toHaveValue("profile.description");
+    expect(
+      screen.getByRole("heading", { name: "profile.avatarChooser" }),
     ).toBeInTheDocument();
+    expect(
+      screen.getByRole("button", { name: "Choose profile.monstera" }),
+    ).toHaveAttribute("aria-pressed", "false");
+    expect(
+      screen.queryByRole("heading", { name: "preferences.title" }),
+    ).not.toBeInTheDocument();
   });
 
-  it("displays saved plants", async () => {
+  it("updates and saves the profile name, description and selected avatar", async () => {
     const user = userEvent.setup();
 
     render(<Profile />);
 
     await user.click(
-      screen.getByRole("button", { name: "profile.savedPlants" }),
+      screen.getByRole("button", { name: "profile.editProfile" }),
     );
-    // TODO: replace hardcoded plants with mocked backend data when backend is implemented
-    expect(screen.getByText("Hydrangea")).toBeInTheDocument();
-    expect(screen.getByText("Orchid")).toBeInTheDocument();
-    expect(screen.getByText("Fig Tree")).toBeInTheDocument();
-    expect(screen.getByText("Monstera")).toBeInTheDocument();
-    expect(screen.getByText("Peony")).toBeInTheDocument();
-    expect(screen.getByText("Lily")).toBeInTheDocument();
+    const nameInput = screen.getByRole("textbox", { name: "profile.enterName" });
+    const descriptionInput = screen.getByRole("textbox", {
+      name: "profile.aboutYou",
+    });
+    await user.clear(nameInput);
+    await user.type(nameInput, "Nina");
+    await user.clear(descriptionInput);
+    await user.type(descriptionInput, "I love plants");
+
+    const avatar = screen.getByRole("button", { name: "Choose profile.monstera" });
+    const avatarSrc = screen.getByAltText("profile.monstera").getAttribute("src");
+    await user.click(avatar);
+
+    expect(screen.getByRole("heading", { name: "Nina" })).toBeInTheDocument();
+    expect(screen.getByText("I love plants")).toBeInTheDocument();
+    expect(avatar).toHaveAttribute("aria-pressed", "true");
+    expect(
+      screen.getByRole("img", { name: "profile.imageAlt: Nina" }),
+    ).toHaveAttribute("src", avatarSrc);
+    expect(localStorage.getItem("profileName")).toBe("Nina");
+    expect(localStorage.getItem("description")).toBe("I love plants");
+    expect(localStorage.getItem("profileAvatar")).toBe("monstera");
   });
 
   it("matches snapshot", () => {
diff --git a/frontend/src/tests/Sidebar.test.tsx b/frontend/src/tests/Sidebar.test.tsx
index 0d3b53b..1c360d5 100644
--- a/frontend/src/tests/Sidebar.test.tsx
+++ b/frontend/src/tests/Sidebar.test.tsx
@@ -46,7 +46,12 @@ describe("Sidebar", () => {
   it("displays the title", () => {
     renderSidebar();
 
-    expect(screen.getByText("sidebar.title")).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", { name: "sidebar.title", level: 2 }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("complementary", { name: "sidebar.title" }),
+    ).toBeInTheDocument();
   });
 
   it("displays navigation links to all pages", () => {
diff --git a/frontend/src/tests/__snapshots__/Profile.test.tsx.snap b/frontend/src/tests/__snapshots__/Profile.test.tsx.snap
index 51357ca..60db6ac 100644
--- a/frontend/src/tests/__snapshots__/Profile.test.tsx.snap
+++ b/frontend/src/tests/__snapshots__/Profile.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`Profile page > matches snapshot 1`] = `
       class="profile-info"
     >
       <img
-        alt="profile.imageAlt"
+        alt="profile.imageAlt: profile.name"
         class="profile-img"
         src="/src/assets/profile.png"
       />
@@ -19,11 +19,17 @@ exports[`Profile page > matches snapshot 1`] = `
         <h1>
            
           profile.name
+           
         </h1>
         <p>
-           
+          <span
+            class="profile-description-label"
+          >
+            profile.descriptionLabel
+            :
+             
+          </span>
           profile.description
-           
         </p>
       </div>
     </div>
@@ -38,7 +44,7 @@ exports[`Profile page > matches snapshot 1`] = `
       <button
         class=""
       >
-        profile.savedPlants
+        profile.editProfile
       </button>
     </div>
     <div