SVG -Titel vs. HTML -Titelattribut

Das title : Ein vertrauter Freund, aber ist es wirklich hilfreich? Wir können es so verwenden:

<div title="Der Titel">
  Ich bin ein Div mit einem "Titel"
</div>

Wenn Sie über dieses Element schweben, enthüllt der Titel - nützlich für Dinge wie das Anzeigen erweiterter Daten oder Zeiten. Der Dienstprogramm beschränkt sich jedoch auf Sehmaßenbenutzer.

Die Forschungsforschung von IRE Aderinokun unterstreicht seine Mängel, insbesondere mit dem<abbr></abbr> Element. Sie setzt sich für einen JavaScript-verstärkten Ansatz ein. Während Jaws Titel ankündigen können, wird diese Funktion standardmäßig nicht aktiviert. Die Wirksamkeit des title für Bildschirmleser bleibt unklar und kontextabhängig.

Hier ist eine überraschende Entdeckung: Das funktioniert nicht:

<svg title="Kasse"></svg>

Kein Titelpopup erscheint auf Hover. Stattdessen brauchen Sie das:

<svg><title> Kasse</title>
<desc> Ein Einkaufswagen -Ikone mit Baguettes und Brokkoli im Wagen.</desc></svg>

Firefox 79 führte Unterstützung für diese Methode ein. Der verwaltbare Bereich für das Titelpopup umfasst das gesamte SVG -Rechteck.

Diese Untersuchung stammte aus einer E -Mail, in der ein besonderes Problem beschrieben wurde: Titelpopups erschienen nur über die "gefüllten" Pixel eines SVG, nicht über die transparenten. Dies erwies sich als reproduzierbar bei a

Das obige ist der detaillierte Inhalt vonSVG -Titel vs. HTML -Titelattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!