Accessibility on Seach Modal

Do you want to add aria-label to the search field? if so, try this PHP code, I’ve added this line:
aria-label="search-fields", so locate this line and change it to whatever you want to use for the aria-label.

add_action ('wp', function() {
	remove_action( 'generate_inside_search_modal', 'generate_do_search_fields' );
});

add_action( 'generate_inside_search_modal', 'generate_custom_do_search_fields' );

function generate_custom_do_search_fields() {
	?>
	<form role="search" method="get" class="search-modal-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
		<label class="screen-reader-text"><?php echo apply_filters( 'generate_search_label', _x( 'Search for:', 'label', 'generatepress' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></label>
		<div class="search-modal-fields" aria-label="search-fields">
			<input type="search" class="search-field" placeholder="<?php echo esc_attr( apply_filters( 'generate_search_placeholder', _x( 'Search &hellip;', 'placeholder', 'generatepress' ) ) ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
			<button aria-label="<?php echo esc_attr( apply_filters( 'generate_search_button', _x( 'Search', 'submit button', 'generatepress' ) ) ); ?>"><?php echo generate_get_svg_icon( 'search' ); // phpcs:ignore -- Escaped in function. ?></button>
		</div>
		<?php do_action( 'generate_inside_search_modal_form' ); ?>
	</form>
	<?php }

You are welcome   🙂

You can use one of the methods to add this code:
Adding PHP: https://docs.generatepress.com/article/adding-php/

It can NOT be added to an element.

To be clear, this will add a label to the search modal on the menu bar without affecting the functionality of the modal when activated?

Correct. But please note, it only modifies the default GP search modal, if you are using a custom one, it will not work.

This is what we want:

Ahh, it’s actually the latter. My bad, will do – thanks!