Warum gibt es einen class = “screen-reader-text” auf meiner Suchschaltfläche?

Ich war gerade auf der Suche und habe diesen Button in der Suchmaske gefunden.

Ich möchte wissen, wie der in dieser Suchform funktioniert es auch, wenn ich diese Zeile entferne.

Solutions Collecting From Web of "Warum gibt es einen class = “screen-reader-text” auf meiner Suchschaltfläche?"

Diese class wird verwendet, um Elemente von sehenden Benutzern visuell zu verbergen, erlaubt aber dennoch assistierenden Technologien wie Screenreadern, diese Elemente weiterhin sehbehinderten Benutzern zur Verfügung zu stellen.

Zum Beispiel haben Sie möglicherweise ein Symbol mit Facebook-Logo als Link zu Ihrer Seite / Profil. Ein sehender Benutzer weiß, dass dies Facebook ist, aber ein blinder Benutzer wird es nicht tun, also würden Sie immer noch “Mein Facebook-Profil” oder einen anderen beschreibenden Text haben wollen, damit sehbehinderte Menschen mehr über den Link erfahren.