fixed accesiblity

varianter · Aug 28, 2024 · 4564d55 · 4564d55
1 parent 81cf3f0
commit 4564d55
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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 && (