Bonsoir les Alsacréateurs,
J'essaye de réaliser une mise en forme à priori simple : afficher une galerie d'images.
La particularité est que je ne connais pas la taille des images, ni le format (paysage / portrait) : le CSS doit pouvoir s'adapter.
Voici le CSS :
http://codepen.io/dasys/pen/yYGKjL
Tout se comporte comme je le souhaite en terme de rendu lors de du redimensionnement du navigateur : les images se redimensionnent et les images s'inscrivent dans un carré. Mais pour cela, j'utilise la propriété background-image (en ajoutant une balise img masquée pour le SEO et aria-labelledby pour l'accessibilité).
Est-il possible de faire autrement en obtenant le même rendu ?
Est-ce que mon CSS vous semble SEO et accessibilité friendly ?
D'avance mille mercis pour vos lumières.
Bien à vous.
J'essaye de réaliser une mise en forme à priori simple : afficher une galerie d'images.
La particularité est que je ne connais pas la taille des images, ni le format (paysage / portrait) : le CSS doit pouvoir s'adapter.
Voici le CSS :
http://codepen.io/dasys/pen/yYGKjL
Tout se comporte comme je le souhaite en terme de rendu lors de du redimensionnement du navigateur : les images se redimensionnent et les images s'inscrivent dans un carré. Mais pour cela, j'utilise la propriété background-image (en ajoutant une balise img masquée pour le SEO et aria-labelledby pour l'accessibilité).
Est-il possible de faire autrement en obtenant le même rendu ?
Est-ce que mon CSS vous semble SEO et accessibilité friendly ?
D'avance mille mercis pour vos lumières.
Bien à vous.