fix: HTML validation markup fixes.

creativedotdesign · Jan 4, 2024 · e3387c5 · e3387c5
1 parent 7634bae
commit e3387c5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/header.php b/header.php
@@ -19,21 +19,21 @@
         <?php echo bloginfo('name'); ?>
       </a>
 
-      <button class="flex lg:hidden js-menu-toggle" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation" data-cy="open-mobile-menu">
+      <button type="button" class="flex lg:hidden js-menu-toggle" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation" data-cy="open-mobile-menu">
         <!-- Hamburger Icon -->
         <span class="w-6 h-6">
-          <?php echo svg(['sprite' => 'icon-hamburger', 'class' => 'w-full h-full']); ?>
+          <?php echo svg(['sprite' => 'icon-hamburger', 'title' => 'Open Menu', 'class' => 'w-full h-full']); ?>
         </span>
 
         <span class="sr-only"><?php _e('Toggle Navigation Button', 'tofino'); ?></span>
       </button>
 
       <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 class="absolute z-10 w-4 h-4 top-5 right-7 lg:hidden js-menu-toggle"
+        <button type="button" class="absolute z-10 w-4 h-4 top-5 right-7 lg:hidden js-menu-toggle"
           data-cy="close-mobile-menu"
         >
-          <?php echo svg(['sprite' => 'icon-close', 'class' => 'w-full h-full']); ?>
+          <?php echo svg(['sprite' => 'icon-close', 'title' => 'Close Menu', 'class' => 'w-full h-full']); ?>
         </button>
 
         <?php if (has_nav_menu('header_navigation')):

diff --git a/inc/lib/init.php b/inc/lib/init.php
@@ -191,7 +191,7 @@ function show_maintenance_message()
     echo '<div class="error notice"><p><strong>' . __('Maintenance Mode', 'tofino') . '</strong> ' . get_field('maintenance_mode_text', 'general-options') . '</p></div>';
 
     if (!isset($_COOKIE['tofino_maintenance_alert_dismissed'])) {
-      echo '<div class="maintenance-mode-alert"><h1>' . __('Maintenance Mode', 'tofino') . '</h1><p>' . get_field('maintenance_mode_text', 'general-options') . '</p><button>' . __('I understand', 'tofino') . '</button></div>';
+      echo '<div class="maintenance-mode-alert"><h1>' . __('Maintenance Mode', 'tofino') . '</h1><p>' . get_field('maintenance_mode_text', 'general-options') . '</p><button type="button">' . __('I understand', 'tofino') . '</button></div>';
     }
   }
 }

diff --git a/inc/lib/vite.php b/inc/lib/vite.php
@@ -99,8 +99,8 @@ private static function cssTag(string $entry): string
     $tags = '';
 
     foreach (self::cssUrls($entry) as $url) {
-      wp_register_style("tofino/$entry", $url);
-      wp_enqueue_style("tofino/$entry", $url);
+      wp_register_style("tofino-" . sanitize_title($entry), $url);
+      wp_enqueue_style("tofino-" . sanitize_title($entry), $url);
     }
 
     return $tags;