From 2de18ad8ad51ac2ed763355fb56955f9c71c6caa Mon Sep 17 00:00:00 2001
From: Marie Holen Danielson <mariehd@stud.ntnu.no>
Date: Fri, 4 Sep 2026 09:36:48 +0200
Subject: [PATCH 1/2] Lagd statisk sangliste

---
 src/components/SongList.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/SongList.tsx

diff --git a/src/components/SongList.tsx b/src/components/SongList.tsx
new file mode 100644
index 0000000..367d782
--- /dev/null
+++ b/src/components/SongList.tsx
@@ -0,0 +1,26 @@
+import type { Song } from '../data/songs'
+
+type SongListProps = {
+  songs: Song[]
+  onSelectSong: (song: Song) => void
+}
+
+export function SongList({songs, onSelectSong}: SongListProps) {
+  return (
+    <section aria-label='song-list-heading'>
+      <h2 id="song-list-heading">
+        Velg sang
+      </h2>
+
+      <ul>
+        {songs.map((song) => (
+          <li key={song.id}>
+            <button type='button' onClick={() => onSelectSong(song)}>
+              {song.title} - {song.artist}
+            </button>
+          </li>
+        ))}
+      </ul>
+    </section>
+  )
+}
\ No newline at end of file

From 98c09480157418918a8d43a24d98e73c7cf75930 Mon Sep 17 00:00:00 2001
From: Marie Holen Danielson <mariehd@stud.ntnu.no>
Date: Fri, 4 Sep 2026 11:20:55 +0200
Subject: [PATCH 2/2] endret "aria-label" til "aria-labelledby"

---
 src/components/SongList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SongList.tsx b/src/components/SongList.tsx
index 367d782..fbfb0b3 100644
--- a/src/components/SongList.tsx
+++ b/src/components/SongList.tsx
@@ -7,7 +7,7 @@ type SongListProps = {
 
 export function SongList({songs, onSelectSong}: SongListProps) {
   return (
-    <section aria-label='song-list-heading'>
+    <section aria-labelledby='song-list-heading'>
       <h2 id="song-list-heading">
         Velg sang
       </h2>