Haben HTML-Seiten mit vielen Abschnitten und jeder Abschnitt hat einen Abschnittstitel, der als ein Bild angezeigt wird (um nette Schriftart zu verwenden). Das Problem ist, dass selbst wenn ich einen 'alt' und 'title' Text für jedes Bild / jeden Titel vorschlage, die Ctrl + F Browserfunktion den Text nicht findet. Dachte zwei mögliche Lösungen, aber nicht sehr glücklich über sie
1) Verwenden Sie eingebettete Schriftarten. Problem: Die vom Client verwendete Schriftart kann nicht gefunden werden und die Urheberrechte sind nicht sicher.
2) Lassen Sie den Text im Bild in DIV neben dem Bild erscheinen, aber nicht in der Benutzeransicht. Problem: Können Suchmaschinen dieses Keyword als Füllung betrachten? Findet der Browser Text, wenn display: none
Hat jemand eine bessere Lösung? Vielen Dank Riga
Im Allgemeinen ist der beste Weg zum Ersetzen von Bildern dies ausschließlich innerhalb des Stylesheets.
Der HTML sollte immer noch wie folgt aussehen:
%Vor%Ihr CSS kann dann tun:
%Vor% Beachten Sie, dass der Text nicht wirklich ausgeblendet ist. Einige Bildschirmleseprogramme interpretieren display: none; falsch (auch wenn sie in einem media="screen" Stylesheet angegeben sind). Stattdessen verschieben wir es einfach weit von der linken Seite des Bildschirms, wo es nicht realistisch gesehen werden kann.
Ich habe dies nicht ausdrücklich für Strg + F getestet, aber die Tatsache, dass der Text immer noch technisch sichtbar ist, sollte es dem Browser ermöglichen, ihn zu finden.
Es wird nicht sein, das Bild als Übereinstimmung hervorzuheben, was jedoch immer noch zu Verwirrung führen kann. Es ist kein wirklicher Weg, ohne @font-face zu benutzen.
Probieren Sie das Google-Schriftartenverzeichnis
ausDas Google Schriftverzeichnis ermöglicht es Ihnen Durchsuchen Sie alle verfügbaren Schriftarten über die Google Schrift-API. Alle Schriftarten in der Verzeichnis stehen für den Einsatz zur Verfügung Ihre Website unter Open Source Lizenz und werden von Google bedient Server.
Um das zu erreichen, habe ich die Javascript-Bibliothek typeface.js
verwendetMit diesem Generator
können Sie benutzerdefinierte Schriftarten für diese Bibliothek generierenDiese Seiten haben auch Beispiele und Gebrauchsanweisungen.
Sie können auch den Z-Index für Elemente verwenden:
%Vor%Das Bild befindet sich vor dem Text, so dass der Benutzer nur das Bild sieht, aber den Abschnitt finden kann, wenn er nach "Mein Bereichskopf" sucht.