Bonjour à tous,

J'aurais souhaité avoir votre avis sur l'utilisation des icônes insérées en
CSS via une typo dédiée.

Par exemple celles fournies/générées par http://icomoon.io/

Déjà est-ce envisageable dans le cadre d'une labellisation AW ?
A la base de la technique je trouve qu'on est presque dans du détournement
de "balise" (même s'il ne s'agit pas de balise à proprement parler)

Sinon en grappillant différentes techniques j'en arriverait à quelque chose
comme ça :
Dans les CSS :
.icon-monicone {
  font-family: 'mes-icons';
  speak: none;
  content: "\e601";
}
Dans le HTML :
<span class="icon-monicone" aria-hidden="true" ></span>

Tout semble fonctionner pour une icone de "décoration".

Mais pour une icone importante (bouton visuellement composé de l'icone
seulement) je ne trouve pas de solution de dégradation correcte. Notamment
en raison du fait qu'on ne peut pas vraiment tester le support de
font-face, le bon chargement du fichier de typo etc...
Le mieux que j'ai trouvé se base sur le support retourné par modernizr qui
ne me semble pas suffisant :
http://filamentgroup.com/lab/bulletproof_icon_fonts/


Merci pour vos retours/suggestions.

---
Célio Conort
[email protected]
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à