Merge pull request #384 from creativedotdesign/axe-updates

Axe updates

Author: danimalweb

.gitignore

@@ -26,3 +26,10 @@ yarn-debug.log
 
 # vitest
 *.ts.snap
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+# Playwright
+/accessibility-reports

header.php

@@ -28,7 +28,9 @@ class="duration-500 transition-transform transform-gpu <?php echo ($menu_sticky
         <?php echo bloginfo('name'); ?>
       </a>
 
-      <button type="button" class="flex lg:hidden js-menu-toggle" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
+      <div class="w-[400px] h-10 bg-blue-200">LOGO</div>
+
+      <button class="flex lg:hidden js-menu-toggle" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation" data-playwright="open-mobile-menu">
         <!-- Hamburger Icon -->
         <span class="w-6 h-6">
           <?php echo svg(['sprite' => 'hamburger', 'title' => 'Open Menu', 'class' => 'w-full h-full']); ?>
@@ -39,8 +41,10 @@ class="duration-500 transition-transform transform-gpu <?php echo ($menu_sticky
 
       <div class="inactive absolute inset-0 bg-white lg:bg-transparent w-full h-screen lg:h-auto lg:relative lg:w-auto lg:flex lg:items-center" id="main-menu">
         <!-- Close Icon -->
-        <button type="button" class="absolute z-10 w-4 h-4 top-5 right-7 lg:hidden js-menu-toggle">
-          <?php echo svg(['sprite' => 'close', 'title' => 'Close Menu', 'class' => 'w-full h-full']); ?>
+        <button class="absolute z-10 w-4 h-4 top-5 right-7 lg:hidden js-menu-toggle"
+          data-playwright="close-mobile-menu"
+        >
+          <?php echo svg(['sprite' => 'icon-close', 'class' => 'w-full h-full']); ?>
         </button>
 
         <?php if (has_nav_menu('header_navigation')):