28172 sujets

CSS et mise en forme, CSS3

Salut,

J'ai vite parcouru les erreurs de validation et j'ai vu plusieurs d'entre elles assez recurrentes. Notamment :

a écrit :
required attribute "alt" not specified.

et
a écrit :
element "embed" undefined.


Pour le premier il suffit de rajouter l'attribut alt="" dans chacune des définition de tes images. Pour le second ce Lien devrait pouvoir t'aider car en XHTML1.0 transitional :
les balises propriétaires ne sont pas autorisées (ici embed).

Bonne journée Smiley smile
la validation n'est pas tout

par exemple ton site est très désagréable à visiter pour un petit écran 1024*768 : on est obliger d'utiliser la scrollbar horizontale.

autre exemple : on te conseille de rajouter pour chaque image alt=""

personnellement je ne vois pas l'intérêt : respecter les standards ce n'est pas juste un problème "technique", si l'attribut alt est obligatoire c'est justement pour augmenter l'accessibilité des sites aux personnes handicapées (notamment aveugles et mal-voyants).
Bref tout ça pour dire que alt="" te donnera peut être l'illusion de correspondre au standard mais tu ne respectera pas la philosophie de la norme.

bon maintenant si c'est juste pour avoir un ptit logo w3c ... y en a d'autres beaucoup plus beau Smiley lol
scott54 a écrit :
la validation n'est pas tout

C'est effectivement un outil et non pas une fin en soi.
merci pour votre aide
mais concretement je fait quoi dans ses cas de figure

<div id="Layer28" style="position:absolute; left:115px; top:917px; width:84px; height:29px; z-index:32"><img src="http://www.rnsoul.com/btline2.gif" width="799" height="40" /></div>

Erreur à la colonne 174: attribut requis "alt" non spécifié (type #127)


ou encore

</object>

</div>

<div id="Layer44" style="position:absolute; left:731px; top:340px; width:244px; height:198px; z-index:48; visibility: hidden;">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" height="200">

<param name="movie" value="http://www.rnbnextlevel.com/AUTOSCROLLkb/autoScroll.swf?id=news.xml" />

<param name="quality" value="high" />

<embed src="http://www.rnbnextlevel.com/AUTOSCROLLkb/autoScroll.swf?id=news.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" height="200"></embed>

Erreur à la colonne 219: élément "embed" indéfini (type #76)


merci
capitaine caverne a écrit :
merci pour votre aide
mais concretement je fait quoi dans ses cas de figure

<div id="Layer28" style="position:absolute; left:115px; top:917px; width:84px; height:29px; z-index:32"><img src="http://www.rnsoul.com/btline2.gif" width="799" height="40" /></div>


Comme je l'ai dit plus au haut, il te suffit de rajouter l'attribut alt="" comme ceci :

<div id="Layer28" style="position:absolute; left:115px; top:917px; width:84px; height:29px; z-index:32"><img src="http://www.rnsoul.com/btline2.gif" width="799" height="40" [b]alt=""[/b]  /></div>


Et je ne pourrai que te conseiller de mettre tes styles dans une feuille de style CSS.

Pour le reste il te suffit de lire et lien fournis plus haut Smiley smile

Good Luck!
a écrit :
Pour le premier il suffit de rajouter l'attribut alt="" dans chacune des définition de tes images.


Attention, il ne s'agit pas de rajouter des alt="" à tour de bras Smiley rolleyes .

Si l'image est porteuse de sens comme par exemple ton logo il faut détailler le alt.

Pour ton logo ton alt pourrait être alt="R&S l'empreinte du nouveau son" ou alt="Rnsoul l'empreinte du nouveau son"

Autre exemple si tu utilise des titres ou des menus en images ces images seront également porteuses de sens donc le alt vide sera absolument à éviter et son contenu devra être le titre ou le nom du lien du menu en question.

alt="mon titre"
alt="mon lien"

Le but est de pouvoir naviguer sans perte d'informations, si tu mets des alt vide (alt="") et que par exemple tu désactive les images ton site passera la validation mais sera inutilisable.

Le alt vide est là pour éviter que les synthèses vocales ne lisent le nom de l'image.

Par exemple si dans un article tu place une image pour faire jolie et que son nom est "img_art_12500khld.jpg" la synthèse vocale lira "img_art_12500khld.jpg" je peux t'assurer que dans une synthèse vocale se sera incompréhensible voire très désagréable si il en existe plusieur et à ce moment là le alt="" a toute son utilité car la sythèse ne lira rien.
Modifié par knarf (02 Oct 2008 - 16:10)
Merci à tous pour votre aide j'ai reussi a diminuer les erreurs (il m'en reste 51) Smiley langue

la il me reste :
Erreur à la colonne 219: élément "embed" indéfini (type #76)

si quelq'un peut me donner un exemple sur
:
<embed src="http://www.rnbnextlevel.com/videoKBJ.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="330" height="160"></embed>

aussi

Erreur à la colonne 158: attribut requis "alt" non spécifié (type #127)

sur

P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

j'ai rajouter alt="" : ça ne marche pas

quelqu'un a une idée

merci