- Habrá que verificar el código fuente de nuestra bitácora a través de la página http://validator.w3.org.
- Habrá que verificar el código de nuestra hoja de estilo a través de http://jigsaw.w3.org/css-validator/.
- Realizar un análisis automático de los criterios de accesibilidad promovidos por W3C en sus WCAG 1.0 a través de la web http://www.tawdis.net/ .
- Realizaremos un contraste de color de nuestra bitácora a través de http://www.nils.org.au/ais/web/resources/contrast_analyser/versions/es/
- Hemos de desactivar la hoja de estilo de nuestra bitácora. Para ello descargaremos la barra de herramienta AIS en la web http://www.technosite.es/software.asp.
- El análisis del código fuente me devuelve 230 errores, los cuales son procedentes del código propio de blogger y generalmente referidos al atributo "&" y al atributo "b" como:
Line 8,
Column 23:
character "&" is the first character of a delimiter but occurred as data
Line 7,
Column 460:
general entity "b.chrome.csi" not defined and no default entity
Otros señalan que el elemento <group> y la "variable" no está definido como:
Line 57,
Column 54:
element "Group" undefined
<Group description="Blog Title" selector=".header h1"> Line 70,Column 90: element "Variable" undefined
…ame="tabs.text.color" description="Text Color" type="color" default="#000000"/>
Otros señalan error en la entidad "target" como: Line 1701,Column 154:reference to entity "target" for which no system identifier could be generated
…1641&postID=4872997322554504148&target=email' target='_blank'
title='Enviar po…
Por último observo que me devuelve estos tres errores:
Line 1945, Column 67:document type does not allow element "a" here
<a accesskey='1' href='http://accesibilidadatodos.blogspot.com.es'></a>
Line 1946,Column 36:document type does not allow element
"a" here
<a accesskey='2' href='#saltabarra'></a>
Line 1947,Column 52:document type does not allow element "a" here<a accesskey='9' href='mailto:lorecari@hotmail.com'></a>
Sin embargo, accedo a mi hoja de estilo para comprobar lo que me está diciendoy observo que yo tengo escrito lo siguiente: <a accesskey='1' href='http://accesibilidadatodos.blogspot.com.es'/>
<a accesskey='2' href='#saltabarra'/>
<a accesskey='9' href='mailto:lorecari@hotmail.com'/>He colocado detrás de cada "accesskey" </a> pero me devuelve error al guardarlo.
- El análisis de la hoja de estilo me devuelve 92 errores, entre ellos uno referido a lo introducido para insertar la linea horizontal lo cual he solucionado cambiándolo de lugar, pues no se encontraba en el lugar correcto.
La propiedad -moz-border-radius-topright no existe :
5px
La propiedad -goog-ms-border-top-right-radius no existe :
5px
La propiedad -webkit-box-shadow no existe :
0 4px 16px rgba(0,0,0,0.2 ) ...
- He realizado el análisis automático de los criterios de accesibilidad para todas las entradas de mi blog. Algunas de las advertencias que me hacía eran:
También me señala que la lista de los archivos de mi blog no podrán ser vistos si no se tiene instalado JavaScript.
Otra de las advertencias me ha llevado a cambiar el subrallado de las palabras "problemas surgidos" pues señalaba que era desaconsejable en el HTML 4.01 por lo cual he procedio a eliminarlo y ponerlo de la siguiente forma: "problemas surgidos".
- El contraste de color me devuelve siempre un valor positivo, indicándome que los colores elegidos son correctos.
- Utilizando la barra de herramienta AIS he desactivado mi hoja de estilo y he comprobado que el contenido no desaparece.
- Por último, he comprobado mediante la barra de herramienta AIS que al reducir mi bitácora a un tamaño de 800x600 se vea todo el contenido.
No hay comentarios:
Publicar un comentario