You are on page 1of 9

VALIDACIÓN Y

ACCESIBILIDAD DE LAS
PÁGINAS WEB

Lucía López Fernández 2º Bachiller B


ÍNDICE
 Validación de un sitio web………………………….(Pág 1)
 Razones para validar un sitio web………………...(Pág 2)
 Herramientas para validar un sitio web………….(Pág 3)
 Accesibilidad de un sitio web………………………..(Pág 4)
 Pautas de accesibilidad……………………………….(Pág 5)
 Logos de accesibilidad…………………………………(Pág 6)
 Fuentes de información……………………………….(Pág 8)
¿EN QUÉ CONSISTE LA VALIDACIÓN DE UN SITIO
WEB?

 Es el proceso donde se comprueba que todas las


páginas que lo componen, obtengan resultados
satisfactorios en una serie de pruebas a las que
serán sometidas. El organismo que regula estos
estándares es el W3C (World Wide Web Consortium)
RAZONES PARA VALIDAR LOS SITIOS WEB

Existen tres razones fundamentales para validar


los sitios web:
1. Nos aseguramos de que el código de las páginas
no tiene errores y está depurado.
2. Mejora el trabajo de SEO y posicionamiento en
los resultados de los motores de búsqueda.
3. Tendremos una mejor navegación desde
cualquier navegador y dispositivo
HERRAMIENTAS PARA VALIDAR LOS SITIOS
WEB

 W3C Markup Validation Service: Al seguir sus


pasos comenzará un proceso que nos devolverá
un informe con los errores encontrados y
modificaciones para la estructura entre otras
cosas.
 W3C CSS Validation Service: Es una
herramienta muy similar a la anterior pero con la
diferencia que está dirigida a los archivos CSS.
 W3C Feed Validaton Service: Es igual que la
herramienta anterior pero ésta se orienta al
análisis de los feed RSS.
¿QUÉ ES LA ACCESIBILIDAD DE UN
SITIO WEB?

 Es la capacidad de acceso a la Web y a sus


contenidos por todas las personas,
independientemente de la discapacidad que
presenten o de sus problemas tecnológicos o
ambientales. El máximo organismo que se
encarga de promover la accesibilidad es el W3C,
en especial su grupo de trabajo WAI.
PAUTAS DE ACCESIBILIDAD DE LAS
PÁGINAS WEB
 Cuando se utilicen imágenes y animaciones utilizar el atributo “alt” para
describir mediante texto dichas imágenes.
 Para los mapas de imagen se debe utilizar el elemento “map” y texto
alternativo para las zonas activas.
 Cuando se utilicen recursos multimedia se deben de poner subtítulos y una
descripción del vídeo.
 En los enlaces de hipertexto se deben utilizar textos que tengan relación con el
enlace y evitar textos del tipo “Pulsar aquí”.
 Utilizar encabezados, listas y estructuras para estructurar la página. Para la
maquetación utilizar CSS siempre que sea posible.
 Las figuras y los diagramas se deben describir en la misma página o utilizando
el atributo “longdesc”.
 Cuando se utilicen Scripts, applets y plug-ins se debe aportar contenido
alternativo si estos no son accesibles.
 Marcos (frames): se debe usar el elemento “noframes” y títulos con sentido.
 Cuando se utilicen tablas se debe facilitar la lectura línea a línea y resumir su
contenido.
 Hay que revisar la página web, para ello hay que verificar que cumple las
normas de accesibilidad utilizando herramientas, puntos de comprobación y
pautas.
FUENTES DE INFORMACIÓN
Fuentes de información sobre la validación:
 https://www.alguada.com/validacion-de-sitios-web/
 https://www.google.es/url?sa=i&rct=j&q=&esrc=s&source=images&cd
=&cad=rja&uact=8&ved=2ahUKEwiu1MGhwufdAhUDJBoKHRX6B3
4QjRx6BAgBEAU&url=https%3A%2F%2Fnorfipc.com%2Fweb%2Fco
mo-validar-comprobar-codigo-html-css-paginas-
web.php&psig=AOvVaw2JfTGPo08i9n6N3VS9hyMW&ust=15385614
68681134
Fuentes de información sobre la accesibilidad:
 http://accesibilidadweb.dlsi.ua.es/?menu=definicion
 https://disiswork.com/blog/accesibilidad-web-contenido-para-pcd-
infografia/
 http://webaccesible.cea.es/?q=pasos
 https://www.google.es/url?sa=i&rct=j&q=&esrc=s&source=images&cd
=&ved=2ahUKEwih0p2h0OzdAhVI2xoKHdcCAxoQjRx6BAgBEAU&
url=https%3A%2F%2Fwww.w3.org%2FWAI%2FWCAG1-
Conformance.html.es&psig=AOvVaw3kkgUe5OOi3AVdzgHFrnMi&u
st=1538736889039077

You might also like