♿️(testimonies) make testimonies tabbable

now keyboard users can view every testimony
numerique-gouv · Mar 29, 2024 · 4462a05 · 4462a05
1 parent a4ebd5a
commit 4462a05
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/sections/Testimonies.tsx b/src/sections/Testimonies.tsx
@@ -20,7 +20,10 @@ interface CardProps {
 }
 
 const Card = ({ title, quote, img, entity }: CardProps) => (
-  <div className="flex flex-col bg-white p-7 text-left flex-1 max-w-[36rem] lg:min-w-[18rem]">
+  <div
+    tabIndex={0}
+    className="flex flex-col bg-white p-7 text-left flex-1 max-w-[36rem] lg:min-w-[18rem]"
+  >
     <h3 className="h-[114px] w-[140px] relative">
       <Image
         src={img}