Enhance button accessibility for a better user experience.

src/partials/faq.html

@@ -5,7 +5,7 @@ <h2 class="title-faq">FAQ</h2>
       <li class="list-faq">
         <h3 class="title-list">
           What programming languages are most often used in your project?
-          <button class="toggle-btn" aria-expanded="false">
+          <button class="toggle-btn" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>
@@ -23,7 +23,7 @@ <h3 class="title-list">
       <li class="list-faq">
         <h3 class="title-list">
           What are the deadlines for the project?
-          <button class="toggle-btn" aria-expanded="false">
+          <button class="toggle-btn" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>
@@ -43,7 +43,7 @@ <h3 class="title-list">
       <li class="list-faq">
         <h3 class="title-list">
           What payment methods do you accept?
-          <button class="toggle-btn" aria-expanded="false">
+          <button class="toggle-btn" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>
@@ -61,7 +61,7 @@ <h3 class="title-list">
       <li class="list-faq">
         <h3 class="title-list">
           How can I contact you?
-          <button class="toggle-btn" aria-expanded="false">
+          <button class="toggle-btn" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>
@@ -79,7 +79,7 @@ <h3 class="title-list">
       <li class="list-faq">
         <h3 class="title-list">
           Do you provide advice or support?
-          <button class="toggle-btn" aria-expanded="false">
+          <button class="toggle-btn" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>
@@ -100,7 +100,7 @@ <h3 class="title-list">
         <h3 class="title-list">
           What does the process of developing a software product look like from
           idea to implementation?
-          <button class="toggle-btn last" aria-expanded="false">
+          <button class="toggle-btn last" aria-expanded="Toggle FAQ section">
             <svg class="icon icon-open" width="20" height="20">
               <use href="./img/icons.svg#expand"></use>
             </svg>