Pourquoi y a-t-il un class = "screen-reader-text" sur mon bouton de recherche?
je faisais une recherche et j'ai trouvé ce bouton dans le formulaire de recherche.
<button type="submit" class="search-submit">
<span class="genericon-search"></span>
<span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?></span>
Je veux savoir quelle est l'utilisation de la <span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?> dans ce formulaire de recherche, cela fonctionne également lorsque je supprime cette ligne.
Cette classe est utilisée pour masquer visuellement des éléments vis-à-vis des utilisateurs malvoyants, mais permet toujours aux technologies d'assistance telles que les lecteurs d'écran de présenter ces éléments aux utilisateurs malvoyants.
Par exemple, vous pouvez avoir une icône avec le logo de Facebook comme lien vers votre page/profil. Un utilisateur malvoyant saura que c'est Facebook mais un utilisateur aveugle ne le fera pas. Vous voudriez quand même "Mon profil Facebook" ou un autre texte descriptif pour que les personnes malvoyantes puissent en savoir plus sur le lien.