Tweak: Add aria-label attribute to various <nav> elements (#405)

Author: rami-elementor

template-parts/dynamic-footer.php

@@ -45,7 +45,7 @@
 		</div>
 
 		<?php if ( $footer_nav_menu ) : ?>
-			<nav class="site-navigation <?php echo esc_attr( hello_show_or_hide( 'hello_footer_menu_display' ) ); ?>">
+			<nav class="site-navigation <?php echo esc_attr( hello_show_or_hide( 'hello_footer_menu_display' ) ); ?>" aria-label="<?php echo esc_attr__( 'Footer menu', 'hello-elementor' ); ?>">
 				<?php
 				// PHPCS - escaped by WordPress with "wp_nav_menu"
 				echo $footer_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped

template-parts/dynamic-header.php

@@ -51,7 +51,7 @@
 		</div>
 
 		<?php if ( $header_nav_menu ) : ?>
-			<nav class="site-navigation <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>">
+			<nav class="site-navigation <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>" aria-label="<?php echo esc_attr__( 'Main menu', 'hello-elementor' ); ?>">
 				<?php
 				// PHPCS - escaped by WordPress with "wp_nav_menu"
 				echo $header_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
@@ -65,7 +65,7 @@
 					<span class="screen-reader-text"><?php echo esc_html__( 'Menu', 'hello-elementor' ); ?></span>
 				</button>
 			</div>
-			<nav class="site-navigation-dropdown <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>" aria-hidden="true" inert>
+			<nav class="site-navigation-dropdown <?php echo esc_attr( hello_show_or_hide( 'hello_header_menu_display' ) ); ?>" aria-label="<?php echo esc_attr__( 'Mobile menu', 'hello-elementor' ); ?>" aria-hidden="true" inert>
 				<?php
 				// PHPCS - escaped by WordPress with "wp_nav_menu"
 				echo $header_mobile_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped

template-parts/footer.php

@@ -18,7 +18,7 @@
 ?>
 <footer id="site-footer" class="site-footer">
 	<?php if ( $footer_nav_menu ) : ?>
-		<nav class="site-navigation">
+		<nav class="site-navigation" aria-label="<?php echo esc_attr__( 'Footer menu', 'hello-elementor' ); ?>">
 			<?php
 			// PHPCS - escaped by WordPress with "wp_nav_menu"
 			echo $footer_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped

template-parts/header.php

@@ -40,7 +40,7 @@
 	</div>
 
 	<?php if ( $header_nav_menu ) : ?>
-		<nav class="site-navigation">
+		<nav class="site-navigation" aria-label="<?php echo esc_attr__( 'Main menu', 'hello-elementor' ); ?>">
 			<?php
 			// PHPCS - escaped by WordPress with "wp_nav_menu"
 			echo $header_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped