Hello,

Johan Ramon avait fait une présentation des icônes-liens lors de Access Day.
A retrouver sur son site :
http://johanramon.fr/techniques-integration-icones-liens/


Axel


Le 13 janvier 2015 09:33, Cyril Lamotte <[email protected]> a écrit :

>  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
>
>


-- 
Cheers,
Axel

---

*Axel Roche*
Développeur Front End - Expert AccessiWeb en Évaluation
[email protected]http://aquelito.fr
Téléphone: +33 (0)6 58 28 56 67
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à