From 4564d55c4c0e7a485a4f344a85e234c3647ae24b Mon Sep 17 00:00:00 2001
From: Maria Katrin Bonde <mariabonde99@gmail.com>
Date: Wed, 28 Aug 2024 13:37:55 +0200
Subject: [PATCH] fixed accesiblity

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

diff --git a/src/hemsedal24/components/Files.tsx b/src/hemsedal24/components/Files.tsx
index 6cfe58e25..dcdc25181 100644
--- a/src/hemsedal24/components/Files.tsx
+++ b/src/hemsedal24/components/Files.tsx
@@ -26,7 +26,7 @@ export default function Files({ data }: any) {
       {data.files.length > 0 ?
       <div id="pictureContainer" className={styles.container}>
       {data.files.map((file:any, index:number) =>
-      <div key={file.id} className={styles.image} onClick={()=>imageClicked(file.id, index)} onKeyDown={()=>imageClicked(file.id, index)}>
+      <div key={file.id} className={styles.image} onClick={()=>imageClicked(file.id, index)} tabIndex={index} role='picture' aria-label='open picture' onKeyDown={()=>imageClicked(file.id, index)}>
         <img src={`https://utfs.io/f/${file.key}`} alt={` ${file.name}`}/></div>)} </div>  :<div className={styles.nopictures}><h4>Ingen bilder ennå!</h4></div>}
      
       {isPopoverOpen && (