"Image de calage" et longdesc

Bonjour,
en faisant une vérification par WebXACT d'une page pour sa validation au mieux de 3A ( ), j'ai bien les 3 priorités (1, 2 et 3) en automatique mais j'aimerai bien "faire disparaître" les avertissements.

Et donc j'ai des longdesc à placer sur des images qui n'en demande pas :
- image de calage (et oui je n'utilise pas que des calques) ->

<td style="width:60%;"><img  src="/images/cms.gif" height="1" width="1" alt=""/></td>

- image du logo de mon site avec son lien de retour à la page d'accueil ->

<a href="/index.html" accesskey="1"><img src="images/logo.gif" alt="Ville de MaVille" width="400" height="55" style="float:left;"  title="Ville de MaVille : retour à la page d'accueil" /></a>

Dois-je vraiment créer une page descriptive pour ces images là ?
Merci

Djéjé

Bonjour.

Pour le logo de ton site, non, c'est pas nécessaire, juste un alt explicite et ça suffit.

Hello tryalis et bienvenue,

A quoi te sert cette "image de calage" ?
Serait-ce un de ces antiques "spacer.gif" transparents ?

Si oui, ce genre de bidouilles du siècle dernier devrait pouvoir avantageusement être remplacé par une simple marge (margin ou padding selon la configuration).

Bonne chance

PS :

a écrit :
(et oui je n'utilise pas que des calques)

Par "calques", tu veux dire balise <div> ?
Modifié par Raphael (10 Oct 2005 - 15:44)

pour mon image de logo, ca m'avertit quand meme de "l'erreur" (

If an image conveys important information beyond what is in its alternative text, provide an extended description. 

avec le code html spécifié dans mon message.

euh... oui, désolé, c'est bien un div et non un calque (photoshop déborde un peu sur l'HTML )
alors là je vois pas comment mettre mon margin à la place de mon image ??

tryalis a écrit :
pour mon image de logo, ca m'avertit quand meme de "l'erreur" (

If an image conveys important information beyond what is in its alternative text, provide an extended description. 

avec le code html spécifié dans mon message.

Un avertissement n'est pas une erreur, d'ailleurs le message est trés clair : "si une image..." ce qui veut dire que si ton image n'a pas besoin d'une longue description, tu n'en mets pas et tu n'essayes pas d'éviter cet avertissement.

mouahahhaha les spacer.gif... c'est même pas du siècle dernier que ça date, mais c'est carrément avant la préhistoire !

Ceci dit encore beaucoup trop de sites en utilisent.

Bonjour,

Pour en rajouter une couche sur l'excellente remarque de step :

Les recommandations du WCAG sont de deux natures différentes : il y à des règles vérifiables automatiquement et d'autres qui ne peuvent pas l'être.

L'exemple du traitement alternatif des images est symptomatique de ce fonctionnement.

1. Règle 1.1.1 : "Toutes les images requièrent un attribut alt ou longdesc", cette item est vérifiable automatiquement, l'absence d'un de ces deux attributs renvoie une "erreur" formelle qu'il convient de corriger.

2. L'application de cette règle à pour corrollaire que l'attribut alt ou longdesc reçoit une description alternative seulement si c'est nécessaire et doit rester vide (alt="") dans le cas inverse.
Cette seconde règle est invérifiable de manière automatique et il n'y à que l'auteur qui puisse juger de la pertinence de cette description en fonction de la nature et du contexte d'utilisation de l'image.

Dans le cas de l'utilisation d'un attribut alt vide (alt=""), le validateur ne peut pas savoir si il s'agit d'une erreur ou si c'est justifié, il renvoie donc un "avertissement", accompagnée d'une note qu'il faut lire et demande de vérifier le statut de l'image.

Il faut donc faire très attention de ne pas tomber dans l'idée, qui n'à aucun sens, que le résultat d'une validation WAI doit être exempt d'erreur ou d'avertissement, ce qui serait très inquiétant car signe d'un détournement massif des règles.

Une bonne méthode pour controler une validation est la suivante :

1. Traiter individuellement chaque "erreur" formelle, soit en corrigeant (par exemple une absence d'attribut), soit en justifiant que l'on interprète différemment la règle (par exemple sur certains aspects de la section 13 concernant la navigation).

2. Revalider la page

3. Traiter chaque avertissement :
- Soit en justifiant qu'il n'est pas applicable au contexte d'utilisation
- Soit en effectuant une modification si cela se justifie.

4. Rester raisonnable... :

a écrit :
Et donc j'ai des longdesc à placer sur des images qui n'en demande pas :

Tu réponds toi même à ta question, tes images n'en demande pas, pourquoi voudrais tu le faire et pourquoi te poses tu la question ???
A quoi pourrait bien servir, du seul point de vue logique, une description sur des images de calage ?
Et qu'elle sorte de description pourrait bien tu y mettre ?

A la différence du code Html ou CSS, il n'y à pas de "validation" WAI, il y à juste une vérification établissant une liste de points à contrôler et il n'y à que vous, ou un intervenant extérieur, qui puissiez le faire.

Jean-pierre

tryalis a écrit :

alors là je vois pas comment mettre mon margin à la place de mon image ??

Ton spacer a bien pour fonction de "décaler" un élément, non ?
Dans ce cas, pourquoi ne pas appliquer des marges sur cet élément, tout simplement ?

merci jpv pour ces infos, qui m'avaient bien interpelés. J'attendais peut etre une réponse formelle

en fait mon image de type "spacer", permet effectivement de décaler mes colonnes de tableaux*.

La problématique est que je ne peux refaire cette page tout en div compte tenu de sa difficulté graphique car c'est une "charte graphique de site déjà existant http://saintflour.tryalis.com/index.html
Modifié par Felipe (13 Oct 2005 - 11:22)

tryalis a écrit :
La problématique est que je ne peux refaire cette page tout en div

Mais qui a parlé de div ?
J'ai bien parlé de marges sur un élément, mais jamais de div. Pourquoi vouloir mettre des div partout ?
Tu as un élément (un tableau si j'ai bien compris) qui doit être décalé. Je te dis qu'il est très simple de lui appliquer des marges plutôt que de rajouter des images spacer lourdes et inutiles.

PS : attention à l'écriture de tes URL (voir les règles pour les explications)

nan en fait t'as raison c'est que je me suis mal exprimé

je voulais que cette page n'intègre plus du tout de tableaux, mais que la mise en forme soit faite avec des div pour une meilleure lecture lors d'un affichage sans feuille de styles

Bonjour,

Les div n'ont aucune influence pour une lecture du flux (sans CSS).
Lors de l'affichage d'un flux, les élements sont affichés en succession verticale dans l'ordre d'apparition dans le code HTML et c'est tout.

La remarque de raphael concerne simplement le reflexe, quand on commence à manipuler CSS, de vouloir transposer des conceptions par tableaux à la mise en page CSS, notamment de considérer le contener div comme une "cellule" de tableaux.

C'est une démarche vouée à l'échec, tant pour la conception que pour la mise en application, il n'y à aucun rapport, même lointain, entre les deux méthodes.

Tu penses que la structure graphique du site original est trop complexe pour être traduite en CSS, en réalité c'est l'inverse : cette mise en page doit être un "enfer" à faire (et à maintenir) en tableaux alors qu'elle semble assez simple à réaliser en CSS...

Jean-pierre

tryalis je me permet de te faire une petite remarque/conseil les liens dans tes références ne fonctionnent pas (enfin je les ai pas tous testé !)

merci mamat-, l'erreur a été corrigée (un pb mysql).

en fait, jpv, je voulais "enlever" cette affichage de tableaux lorqu'on utilise pas de feuilles de style et avoir tout à la suite.

Je pense que je vais faire comme j'ai fait pour des sites de mes clients, utiliser des feuilles de styles alternatives.

Merci

Bonjour,

a écrit :
en fait, jpv, je voulais "enlever" cette affichage de tableaux lorqu'on utilise pas de feuilles de style et avoir tout à la suite.

Je ne comprends pas...

Jean-pierre