Reflux

Finalement après quelques tests et retours en arrière divers et variés j’ai choisi de revenir à du basique pour l’affichage des éléments figcaption. Exit les quelques lignes de javascript pour gérer le cas ou les légendes recouvrent les images, exit l’effet au survol avec semi-transparence, on revient à du flux normal et quelques lignes de CSS :

#content figure figcaption {
  font-size: 0.75em;
  width: fit-content;
}
#content figure figcaption::before {
  content: '→ ';
  content: 'ⓘ ' / '';
}
Copie d'écran de la légende accompagnant une image
Copie d’écran de la légende accompagnant une image et affichée en dessous, mars 2024

Ah oui, pour celles et ceux qui se demanderaient pourquoi il y a deux lignes content: … pour préfixer la légende, c’est que la première forme est, a priori, comprise partout alors que la seconde, texte / texte-alternatif ne l’est pas par tout les navigateurs. Firefox sur MacOS par exemple s’arrêtera à la première forme (avec la flèche vers la droite) alors que Chrome utilisera la seconde (avec un i entouré) qui ne sera pas vocalisée par les aides techniques (la chaîne vide après le / sert à ça).

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/16031

Haut de page