• Qu'est ce qu'un émoticône (smiley) ?

• Des smilies accessibles

Qu'est ce qu'un émoticône (smiley) ?

Je parie que vous ne prenez pas la chose au sérieux, en fait beaucoup de gens ignorent le vrai sens d'un émoticône, je vous invite à lire ce qui suit pour changer votre avis

Un smiley est un terme anglais désignant les symboles utilisés lors de la rédaction des messages électroniques, ces symboles sont composés des caractères du clavier et servent à exprimer une émotion.

Le mot smiley a été repris en français, même avec son pluriel en anglais (smilies), on peut aussi dire smileys en parlant du pluriel en français, mais pour éviter cet anglicisme, on préfère la notation émoticône (on dit aussi en anglais emoticon).

Voici un petit dictionnaire d'émoticônes :

émoticône	signification	émoticône	signification
:-)	heureux	:o)	gros nez (menteur)
;-)	clin d'œil	(8-(|)	Homer Simpson
:-(	triste	\~/ ou \_/	verre plein - vide
:-I	indifférent	$-)	se faire du pognon
:->	rire sarcastique	'-)	borgne ou clin d'œil
:-0 ou :-@	crier	(-_-)	sourire asiatique
:-o	indigné	(:-(	déçu
o-(==<	personne allongée (morte etc.)	(:-* ou :-*	bisou, oups
:)	type nain souriant	(8-)	porter lunettes
*<|:-)	papa Noël ou fête	:'-(	pleurer
:-$	incertitude ou bouche bouclée	:'-)	pleurer de joie
:->>	siffler	:-/	sceptique
:-[ uo &<:-(	imbécile	:-{) ou :-{	moustache
:-{#}	appareil dentaire	:-{}	rouge à lèvres
:-7	parler du coin de la bouche (discret)	:-9	délicieux, Yam Yam
:-C	ouaaaah!	>;-)	Clin d'œil diabolique
[:-)	walkman, entendre musique	[:|]	robot
]:-) ou ]:->	diable	0:-)	ange, âme
8-O	ouaaaah!	d:-)	casquette
O+	sexe féminin	+-(:-)	pape, homme religieux
:-#	s'abstenir de parler (bouche bouclée)	%-)	bourré, heureux
@> -- , --	fleure	|-0	fatigué
:-{	faire la tête	:-S	n'importe quoi
(:-<	mécontent	|-o	ouaaaah!

Cette liste n'est pas exhaustive, vous pouvez créer vos propre smilies. Maintenant que le domaine de l'infographie s'est développé et que la bande passante s'est améliorée, on a tendance à utiliser des images au lieu des signes du clavier.

Des smilies accessibles

La problématique avec les émoticônes c'est qu'elles font partie des images non significatives qui doivent être chassées du contenu pour les navigateurs non visuels. Pour ce faire il suffit de spécifier un texte alternatif vide grâce à l'attribut alt et le tour est joué. Exemple :

<img src="smiley-happy.png" alt="" />

Attention, il ne faut pas omettre l'attribut alt, sinon le nom du fichier (smiley-happy.png) sera affiché par les navigateurs texte-seul (Lynx) et lu par les lecteurs d'écran (Jaws).

Une autre astuce plus originale, qui consiste à véhiculer l'émotion d'un émoticône sans pour autant gêner la navigation : mettez les symboles des smilies comme texte alternatif. Exemple :

<img src="smiley-happy.png" alt=":-)" />

Le texte alternatif sera affiché par les navigateurs texte-seul et repris par les lecteurs d'écran. Bon pour les mal-voyants ils sont sensés comprendre les symboles des émoticônes pour ne pas être gênés lorsqu'ils vont entendre la transcription sonore des smilies.

A titre de rappel, il ne faut jamais spécifier un attribut longdesc pour les images décoratives, comme les smilies, les séparateurs graphiques, les images d'espacement, les puces graphiques etc. Les navigateurs non visuels risquent de restituer l'attribut longdesc ce qui pourra bien embrouiller le lecteur.

A présent on a presque tout appris sur les images. Néanmoins je vous ai préparé quelques tutos supplémentaires pour des raisons de perfectionnement : sélectionner une couleur avec Photoshop.