fix solution

mate-academy · Sep 16, 2024 · a636b07 · a636b07
1 parent e33b6f2
commit a636b07
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/src/index.html b/src/index.html
@@ -40,12 +40,14 @@
             <a
               href="#menu"
               class="icon icon--menu top-bar__icon"
+              aria-label="Open menu"
             ></a>
 
             <div class="language language--header top-bar__language">
               <select
                 required="required"
                 class="language__select"
+                aria-label="Choose language"
               >
                 <option
                   class="language__option"
@@ -70,6 +72,7 @@ <h1 class="header__title">Мистецтво ХІХ - ХХ ст.</h1>
           <a
             href="#plan-visit"
             class="primary-button header__button"
+            role="button"
           >
             Купити квиток
           </a>
@@ -98,6 +101,7 @@ <h6 class="header__bottom-date">10.08-10.10</h6>
               <select
                 required="required"
                 class="language__select"
+                aria-label="Choose language"
               >
                 <option
                   class="language__option"
@@ -111,6 +115,7 @@ <h6 class="header__bottom-date">10.08-10.10</h6>
             <a
               href="#"
               class="icon icon--close top-bar__icon"
+              aria-label="Close menu"
             ></a>
           </div>
         </div>
@@ -130,7 +135,7 @@ <h6 class="header__bottom-date">10.08-10.10</h6>
             <ul class="nav__list">
               <li class="nav__item">
                 <a
-                  href="#exibitions"
+                  href="#exhibitions"
                   class="nav__link nav__link--active"
                 >
                   <h3 class="nav__link-text">Актуальні виставки</h3>
@@ -160,6 +165,7 @@ <h3 class="nav__link-text">Новини</h3>
           <a
             href="#plan-visit"
             class="primary-button menu__button"
+            role="button"
           >
             Купити квиток
           </a>
@@ -171,14 +177,15 @@ <h3 class="nav__link-text">Новини</h3>
       <div class="container">
         <section
           class="main__exhibitions"
-          id="exibitions"
+          id="exhibitions"
         >
           <div class="section-wrapper">
             <h3 class="section-wrapper__title">Актуальні виставки</h3>
 
             <a
               href="#"
               class="secondary-button section-wrapper__button"
+              role="button"
             >
               Архів виставок
               <div class="secondary-button__icon"></div>
@@ -205,6 +212,7 @@ <h4 class="event__title">Кураторська виставка “Ангели
                   <a
                     href="#plan-visit"
                     class="primary-button event__button"
+                    role="button"
                   >
                     Купити квиток
                   </a>
@@ -231,6 +239,7 @@ <h4 class="event__title">Мистецтво ХХ ст. — XXI ст.</h4>
                   <a
                     href="#plan-visit"
                     class="primary-button event__button"
+                    role="button"
                   >
                     Купити квиток
                   </a>
@@ -250,6 +259,7 @@ <h3 class="section-wrapper__title">Найближчі події</h3>
             <a
               href="#"
               class="secondary-button section-wrapper__button"
+              role="button"
             >
               Календар подій
               <div class="secondary-button__icon"></div>
@@ -280,6 +290,7 @@ <h4 class="event__title">
                   <a
                     href="#plan-visit"
                     class="primary-button event__button"
+                    role="button"
                   >
                     Зареєструватись
                   </a>
@@ -310,6 +321,7 @@ <h4 class="event__title">
                   <a
                     href="#plan-visit"
                     class="primary-button event__button"
+                    role="button"
                   >
                     Зареєструватись
                   </a>
@@ -341,6 +353,7 @@ <h2 class="plan-visit__title">
             <a
               href="#"
               class="primary-button plan-visit__button"
+              role="button"
             >
               Почати
             </a>
@@ -359,6 +372,7 @@ <h3 class="section-wrapper__title">Новини</h3>
             <a
               href="#"
               class="secondary-button section-wrapper__button"
+              role="button"
             >
               Усі новини
               <div class="secondary-button__icon"></div>
@@ -476,6 +490,7 @@ <h5 class="footer__title">Контакти</h5>
                   target="_blank"
                   href="https://www.facebook.com/namu.museum"
                   class="footer__social-media-link"
+                  aria-label="Open Facebook"
                 >
                   <img
                     src="./images/icons/social-media/icon-facebook.svg"
@@ -489,6 +504,7 @@ <h5 class="footer__title">Контакти</h5>
                   target="_blank"
                   href="https://twitter.com/namu_120"
                   class="footer__social-media-link"
+                  aria-label="Open Twitter"
                 >
                   <img
                     src="./images/icons/social-media/icon-twitter.svg"
@@ -502,6 +518,7 @@ <h5 class="footer__title">Контакти</h5>
                   target="_blank"
                   href="https://t.me/s/namu_museum120"
                   class="footer__social-media-link"
+                  aria-label="Open Telegram"
                 >
                   <img
                     src="./images/icons/social-media/icon-telegram.svg"
@@ -515,6 +532,7 @@ <h5 class="footer__title">Контакти</h5>
                   target="_blank"
                   href="https://www.instagram.com/namu.museum/"
                   class="footer__social-media-link"
+                  aria-label="Open Instagram"
                 >
                   <img
                     src="./images/icons/social-media/icon-instagram.svg"
@@ -551,7 +569,7 @@ <h5>Головна</h5>
 
               <li class="nav__item">
                 <a
-                  href="#exibitions"
+                  href="#exhibitions"
                   class="nav__link"
                 >
                   Виставки
@@ -587,6 +605,7 @@ <h5>Головна</h5>
             <a
               href="#"
               class="icon icon--up"
+              aria-label="Scroll to the top"
             ></a>
           </div>
         </div>

diff --git a/src/styles/blocks/_page.scss b/src/styles/blocks/_page.scss
@@ -14,6 +14,7 @@
   }
 
   &:has(&__menu:target) {
-    overflow: hidden;
+    position: fixed;
+    overflow-y: scroll;
   }
 }