diff --git a/src/components/Home/About.jsx b/src/components/Home/About.jsx
index 8746b36..91f1d1a 100644
--- a/src/components/Home/About.jsx
+++ b/src/components/Home/About.jsx
@@ -27,8 +27,8 @@ const About = () => {
             </li>
           ))}
           <li className="flex flex-row items-center justify-start space-x-3 mt-5 px-8">
-            {aboutSocialLinks.map((element) => (
-              <a
+            {aboutSocialLinks.map((element, index) => (
+              <a key={index}
                 href={element.href}
                 target="_blank"
                 className="text-sm  uppercase   text-white rounded font-bold hover:opacity-80"
diff --git a/src/components/Home/AccordionElement.jsx b/src/components/Home/AccordionElement.jsx
index 3bcbd39..b402c4e 100644
--- a/src/components/Home/AccordionElement.jsx
+++ b/src/components/Home/AccordionElement.jsx
@@ -9,6 +9,13 @@ const AccordionElement = ({ accordion, onToggle }) => {
     onToggle(accordion.id);
   }
 
+  const handleKeyDown = (event) => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      toggleAcc();
+      event.preventDefault();
+    }
+  };
+
   useEffect(() => {
     if (contentHeight.current) {
       contentHeight.current.style.maxHeight = accordion.open
@@ -21,9 +28,13 @@ const AccordionElement = ({ accordion, onToggle }) => {
     <div className="flex flex-col space-x-1 items-start justify-between p-2 w-[300] md:w-[550px] bg-[#161616] rounded">
       <div
         onClick={toggleAcc}
-        className={`flex flex-row items-center p-1 justify-between w-full text-md min-w-[300px] md:min-w-[550px] h-12 cursor-pointer px-4 py-1 ${
-          accordion.open ? "font-bold" : ""
-        }`}
+        onKeyDown={handleKeyDown}
+        role="button"
+        tabIndex={0}
+        aria-expanded={accordion.open}
+        aria-controls={`accordion-content-${accordion.id}`}
+        className={`flex flex-row items-center p-1 justify-between w-full text-md min-w-[300px] md:min-w-[550px] h-12 cursor-pointer px-4 py-1 ${accordion.open ? "font-bold" : ""
+          }`}
       >
         <p className="text-lg cursor-pointer text-white">
           {accordion.question}