Jorge Vallejo Blog

Blog del creativo, ilustrador y profesor de videojuegos Jorge Vallejo

1.Accesibilidad Validar html, xhtml Consigue el verde


Validar html, xhtml

Consejo 1:Para ello usaremos
http://validator.w3.org/

Deberas tener muy presente el DOCTYPE de tu pagina, ya la validacion sera conforme a el. Yo uso <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
Consejo 2:Desarrolla y Comprueba a la vez, que el codigo es valido y asi os librareis de comenter una y otra vez los mismos errores.
Principales errores en el codigo:
a)Cierra correctamente todas las etiquetas, los br se escriben <br/> las imagenes tienen que acabar en /> los metas etc.Comprueba los <p></p> y los <div></div> Este es un error bastante comun ya que puedes ver la pagina sin problemas aun que no hayas cerrado algunas etiquetas.
b)No se te ocurra pegar codigo del word ya que acumularas multitud de errores, todo el formateo del texto debe ir en un css (mejor un archivo exterior),y cuando digo todo es todo, asi q create clases tipo

.izq{
text-align:left;
}
.derecha{
text-align:right;
}

c)Cuando escribas codigo javascript ten presente:
Poner el type <script type=”text/javascript”> , no utilices mayusculas del tipo onLoad, sino onload,onclick…
Es recomendable poner //<![CDATA[
aqui va mi codigo //]]> para q no valide el codigo de javascript y no salgan errores.
Tambien deberias de paso poner un <noscript>texto o enlace alternativo<noscript/> por si la persona no tiene el javascript activado.
d)En los formularios utiliza id y name .
e)En las imagenes:
cierra las bien <img/> .Pon las comillas para los width y height.
No utilices vspace hspace, en su lugar crea una clase con margenes.
Utiliza el atributo alt para todas las imagenes escribiendo una pequeña descripcion de la misma, pero no deberias poner imagen de ,o foto de, sino simplemente describir un poco.
f)En los h1
No utilices los encabezados para formatear al tuntun el texto, cada pagina deberia llevar al menos un h1, y no debes saltarte niveles es decir si has usado un h4, debe existir un h1,h2 y h3 en la pagina.
No deberia haber mas de un h1 por pagina.
g)Class id
Ten presente que un elemento no puede tener dos clases (puede heredar pero no tener dos atributos class)
No puede haber elementos con el mismo id.
Si estas usando una capa con un id=’justifica’ que justifica un texto mejor utiliza una clase .
h)Enlaces a
Recomiendan poner el atributo title con un pequeño texto de lo q es el enlace.
Poner tabindex para vinculacion ordenada (1,2,3,4..) para que al dar al tabulador recorra nuestros enlaces como nosotros creamos conveniente.
Si pasas variables por URL tipo megusta.php?variable1= &variable2=, en lugar de usar el & pon & amp; ya que con el & puede llegar a confundirlo por caracteres especiales.

Esto lo tendreis que hacer por cada pagina, poco a poco ireis quitando errores y ya vereis que alegria os llevais cuando CONSIGAIS EL VERDE

This Page Is Valid XHTML 1.0 Transitional!

Y podras poner este icono en tus paginas

Enlaces: http://validator.w3.org/

Leave a Reply

Your email address will not be published. Required fields are marked *