Titre SVG contre l'attribut de titre HTML

L'attribut title : un ami familier, mais est-ce vraiment utile? Nous pouvons l'utiliser comme ceci:

<div title="Le titre">
  Je suis une div avec un `` titre ''
</div>

Le survol de cet élément révèle le titre - utile pour des choses comme afficher des dates ou des heures élargies. Cependant, son utilitaire est limité aux utilisateurs de souris voyants.

La recherche d'Ire Aderinokun met en évidence ses lacunes, en particulier avec le<abbr></abbr> élément. Elle préconise une approche améliorée par JavaScript. Bien que Jaws puisse annoncer des titres, cette fonctionnalité n'est pas activée par défaut. L'efficacité du title pour les lecteurs d'écran reste claire et dépendante du contexte.

Voici une découverte surprenante: cela ne fonctionne pas:

<svg title="Vérifier"></svg>

Aucune popup de titre n'apparaît sur volant. Au lieu de cela, vous avez besoin de ceci:

<svg><title> Vérifier</title>
<desc> Une icône de panier avec baguettes et brocoli dans le chariot.</desc></svg>

Firefox 79 a introduit le support de cette méthode. La zone hoverable de la popup de titre englobe l'intégralité du rectangle SVG.

Cette enquête provenait d'un e-mail décrivant un problème particulier: les fenêtres de titre ne sont apparues que sur les pixels "remplis" d'un SVG, pas les transparents. Cela s'est avéré reproductible lors de l'utilisation d'un

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!