validation html

B_POIRAUD · Mars 23, 2014, 8:18

Bonjour

je gère un site tout neuf, fait à partir d’un spip de base 3.0.15.
En utilisant le validateur html je trouve sept erreurs aux lignes 86 et 139 … auxquelles je n’ai pas touché :

1) Line 6, Column 115: there is no attribute « class »

…p://www.w3.org/1999/xhtml" xml:lang="fr" class=**"**ltr fr no-js"> <!--<![endif]-->

2)     
    <em>Line 86,
        Column 36</em>:
    there is no attribute "aria-live"
    			<div class='ajaxbloc' aria-live=**'**polite' aria-atomic='true' data-ajax-env='6…

3) 
    
    <em>Line 86,
        Column 57</em>:
    there is no attribute "aria-atomic"
    …xbloc' aria-live='polite' aria-atomic=**'**true' data-ajax-env='6299uY/duD1uvaf0rg…

4) 
<em>Line 86,
        Column 78</em>:
    there is no attribute "data-ajax-env"
    …ite' aria-atomic='true' data-ajax-env=**'**6299uY/duD1uvaf0rgJVJeQOWsg9wJfjBl32xLr…

5)  
<em>Line 86,
        Column 301</em>:
    there is no attribute "data-origin"
    …I6ZKa3muJjTXN2Xhz6aAcXRlmhsQ76pPG9+y1M96grCJn5nqyPQ+QBCW5Q==' data-origin=**"**./">

6)    
    <em>Line 139,
        Column 112</em>:
    there is no attribute "autocapitalize"
    …"recherche" id="recherche" accesskey="4" autocapitalize=**"**off" autocorrect="off"

7) 
    
    <em>Line 139,
        Column 130</em>:
    there is no attribute "autocorrect"
    …"recherche" id="recherche" accesskey="4" autocapitalize="off" autocorrect=**"**off"

La ligne 86 est celle-ci : 
<div class='ajaxbloc' aria-live='polite' aria-atomic='true' data-ajax-env='6299uY/duD1uvaf0rgJVJeQOWsg9wJfjBl32xLrstioxLdA/RVl4a7KnsvfUDoLagH6qGlWYqdl9qgF7vnzkoPzlovT4oSi/qncOaiuKqsEcLtckW6OghlRXrYPzVDBeUJQe8VMqYytVkyINCfkHI6ZKa3muJjTXN2Xhz6aAcXRlmhsQ76pPG9+y1M96grCJn5nqyPQ+QBCW5Q==' data-origin="./">

<big>et la ligne 139 est là-dedans :
</big>
<big><form action="spip.php?page=recherche" method="get"><div>
	<input name="page" value="recherche" type="hidden" />
		<label for="recherche">Rechercher :</label>
	<input type="text" class="search text" size="10" name="recherche" id="recherche" accesskey="4" autocapitalize="off" autocorrect="off" /><input type="submit" class="submit" value="&gt;&gt;" title="Rechercher" />
</div></form>

J'aimerais corriger cela, est-ce possible ?  Mon site est : 

Merci d'avance !

BP
</big>

Beurt1 · Mars 23, 2014, 9:07

Salut,

Le 23 mars 2014 09:18, B.Poiraud <b.poiraud@wanadoo.fr> a écrit :

En utilisant le validateur html je trouve sept erreurs aux lignes 86 et 139
.... auxquelles je n'ai pas touché :

Tu devrais trouver des pistes dans cette conversation:
http://thread.gmane.org/gmane.comp.web.spip.user/187050/

--
Beurt

B.Poiraud2 · Mars 23, 2014, 9:19

merci, je garde pour réflexion. Pour l'instant ça me dépasse !

Le 23/03/2014 10:07, Beurt a écrit :

Salut,

Le 23 mars 2014 09:18, B.Poiraud <b.poiraud@wanadoo.fr> a écrit :

En utilisant le validateur html je trouve sept erreurs aux lignes 86 et 139
.... auxquelles je n'ai pas touché :

Tu devrais trouver des pistes dans cette conversation:
http://thread.gmane.org/gmane.comp.web.spip.user/187050/

--
--------- info automatique -----------------
B.Poiraud - 09 77 81 55 98
Pour ouvrir toutes les pièces jointes, utilisez Libre Office.
Pour vos messages multiples, pensez à utiliser des adresses cachées

Beurt1 · Mars 23, 2014, 9:42

Le 23 mars 2014 10:19, B.Poiraud <b_poiraud@yahoo.fr> a écrit :

merci, je garde pour réflexion. Pour l'instant ça me dépasse !

Ce n'est pas très complexe... En gros:
La validation du HTML repose sur sa vérification en prenant comme
référence un document qui s'appelle DTD. Il y a plusieurs DTD
correspondant aux différentes versions du (X)HTML. Un document HTML
(HTML5 est un peu une exception, passons...) doit déclarer (en tout
début) à quelle DTD (et donc quelle version de HTML) il fait
référence. Par ex. Au début du code HTML des pages de ton site il y a:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Or, la DTD du XHTML Transitionnal ne décrit pas les attributs aria-*
(qui sont des attributs liés à l'accessibilité, notamment en AJAX).
Donc quand tu passes ta page au validateur, il prend la DTD déclarée
et regarde si ta page y est conforme. Et là, ce n'est pas le cas (à
cause des aria-*).

Pour que ce soit le cas, une des pistes indiquées ici:
http://thread.gmane.org/gmane.comp.web.spip.user/187050/ (source:
http://blog.powermapper.com/blog/post/W3-ARIA-why-doesnt-it-validate.aspx)
c'est que le W3C propose des DTD pour (X)HTML inférieur à 5 (car HTML5
gère bien les attributs aria) décrivant aussi les attributs aria.

Donc si dans l'en tête de tes pages il y avait:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+ARIA 1.0//EN"
"http://www.w3.org/WAI/ARIA/schemata/xhtml-aria-1.dtd">

Ta page serait valide.

Autre solution, utiliser un squelette HTML5... Ex.:
http://contrib.spip.net/HTML5-Rapport-de-conversion-du-squelette-SPIP-3-0-1
ou bien sûr: http://spipr.nursit.com/

--
Beurt

B_POIRAUD · Mars 23, 2014, 10:07

Merci, ça s'éclaire un peu.

J'ai donc mis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

dans la page sommaire.html - et j'ai recalculé la page.

j'ai toujours les mêmes 7 erreurs - Validation Results - W3C Markup Validator
Peut-être faut-il que j'attende un peu plus ? ou que je modifie le doctype dans d'autres fichiers ?

-------- Message original --------

Le 23 mars 2014 10:19, B.Poiraud <b_poiraud@yahoo.fr> a écrit :

merci, je garde pour réflexion. Pour l'instant ça me dépasse !

Ce n'est pas très complexe... En gros:
La validation du HTML repose sur sa vérification en prenant comme
référence un document qui s'appelle DTD. Il y a plusieurs DTD
correspondant aux différentes versions du (X)HTML. Un document HTML
(HTML5 est un peu une exception, passons...) doit déclarer (en tout
début) à quelle DTD (et donc quelle version de HTML) il fait
référence. Par ex. Au début du code HTML des pages de ton site il y a:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Or, la DTD du XHTML Transitionnal ne décrit pas les attributs aria-*
(qui sont des attributs liés à l'accessibilité, notamment en AJAX).
Donc quand tu passes ta page au validateur, il prend la DTD déclarée
et regarde si ta page y est conforme. Et là, ce n'est pas le cas (à
cause des aria-*).

Pour que ce soit le cas, une des pistes indiquées ici:
http://thread.gmane.org/gmane.comp.web.spip.user/187050/ (source:
http://blog.powermapper.com/blog/post/W3-ARIA-why-doesnt-it-validate.aspx)
c'est que le W3C propose des DTD pour (X)HTML inférieur à 5 (car HTML5
gère bien les attributs aria) décrivant aussi les attributs aria.

Donc si dans l'en tête de tes pages il y avait:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+ARIA 1.0//EN"
"http://www.w3.org/WAI/ARIA/schemata/xhtml-aria-1.dtd">

Ta page serait valide.

Autre solution, utiliser un squelette HTML5... Ex.:
http://contrib.spip.net/HTML5-Rapport-de-conversion-du-squelette-SPIP-3-0-1
ou bien sûr: http://spipr.nursit.com/

--
Beurt
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc