Bonjour la liste !

Je cherche à faire une liste de liens de pagination classique.
Les liens pour aller à la page précédente/suivante sont représentés avec des images "<" ">".

Actuellement je procède comme ci-dessous, je place des <img> avec un alt :

        <div class="pagination">
          <ul>
<li><a href="#" class="pagination-prev"><img src="assets/img/arrow-w-pagi.png" title="Page précédente" alt="Page précédente"></a></li>
            [...]
          </ul>
        </div><!--/pagination-->

Pour éviter d'utiliser des balises images et gérer tout ça par CSS je voudrais avoir le code suivant :


        <div class="pagination">
          <ul>
<li><a href="#" class="pagination-prev"><span>Page précédente</span></a></li>
            [...]
          </ul>
        </div><!--/pagination-->
J'utiliserai alors CSS pour envoyer à gauche le texte (text-indent) et afficher mon image en fond.

*Ma question est :* Si les images sont désactivée (ou pas téléchargées), je n'aurai ni l'image ni le texte. Existe-t-il une façon de faire accessible pour avoir un picto accessible sans recourir aux balise img ?


Merci !


--

*Cyril Lamotte*
Jouve I.T. Solutions - Développeur Front-end / Expert accessibilité
02 43 08 39 97

Adoptez l'éco-attitude. N'imprimez ce courriel que si c'est vraiment nécessaire.

Le présent mail ainsi que toutes les informations qu'il contient ne peuvent en aucun cas être considérés comme un engagement juridique de quelque nature que ce soit de JOUVE. Tout accord devra être formulé par écrit papier ultérieur signé par un représentant légal de JOUVE. Par ailleurs, si vous recevez ce mail par erreur, merci de nous le signaler et de le détruire ainsi que l'intégralité du document qui pourrait y être joint.

_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à