SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
http://www.sidar.org
Ajuste de la página web del SIDAR a las pautas de accesibilidad web del W3C
Pauta 1: La cumple, mostrando textos alternativos en cada una de las imágenes aparecidas en la web,
desde las imágenes normales a las imágenes que contienen enlaces.
Pauta 2: La cumple, no basa ninguna información y/o clasificación en el color, por lo que los textos son
perfectamente legibles, así como los gráficos, cuando se ven sin color. Además existe un buen contraste
de color texto-fondo, suficiente para su comprensión.
Pauta 3: Se cumple, porque usa hojas de estilo (*.css), ubicado, en este caso concreto, en
http://www.sidar.org/css/sidar1.css
Pauta 4: Sí la cumple, dado que define el idioma (español) que se utiliza en la página web, mediante el
código: <html lang="es"; además de: <meta name="Language" content="Spanish" />
Pauta 5: También se cumple esta pauta, dado que no hace uso de ninguna tabla (<table></table>)
para maquetar la página. De hecho, no aparece ningún tipo de tabla.
Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir
sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían
con esos elementos.
Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla.
Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la
perfección desde el teclado sin necesidad de ningún otro periférico.
Pautas 9 y 10 no se pueden comprobar.
Pauta 11: Se cumple, dado que no hace un uso de archivos y/o contenidos que necesiten de software
independiente (pdf, flash...) y, además, cumple el estándar html establecido por el W3C (etiquetas
<html> </html> <head> </head> <body> </body>...)
Pauta 12: Se cumple, dado que los esquemas de la web son claros, no son páginas de texto excesivo y,
además, presenta lo que llamamos “Mapa del web”, donde nos ofrecen diversos esquemas de la
estructura de la página. Además, en cada momento te ofrece una información clara de en qué lugar del
sitio web te encuentras.
Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, presenta
cuadrados en azul en cada enlace, o por lo menos en su mayoría, pero no presenta texto alternativo en
todos los enlaces.
Pauta 14: Se cumple porque presenta una maquetación coherente, con los títulos e informaciones
significativas para la navegación web en negrita y color azul y un lenguaje sencillo y perfectamente
comprensible.
http://www.once.es
Ajuste de la página web de la ONCE las pautas de accesibilidad web del W3C
Pauta 1: Se cumple, dado que se muestra un texto alternativo para todas las imágenes que aparecen
en la web, tanto las normales como aquellas que contienen links a otras páginas del sitio web.
Pauta 2: Se cumple, puesto que la clasificación de información no se basa únicamente en colores
(incluso se pueden seleccionar plantillas de colores para cada deficiencia visual), desde los gráficos al
mismo texto. Existe, además, un buen contraste texto-fondo.
Pauta 3: Se cumple, porque usa hojas de estilo (*.css), ubicado, en este caso concreto, en la carpeta
/estilos/onceie1.css del sitio web de la ONCE.
Pauta 4: La cumple, pues define el idioma (Español) utilizado en la página mediante el código <HTML
lang="ES">. Además permite la selección de lenguaje: Español, gallego, catalán, euskera, francés o
inglés.
Pauta 5: Aparentemente se cumple, puesto que a simple vista no hay nada que semeje una tabla, sin
embargo, en realidad esta pauta está muy infringida, dado que en la página principal, viendo el código
fuente, aparecen diversas tablas, definidas con diversas etiquetas, como puede ser: <table
width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td class="lineasp"><img src="img/sp.gif" width="1" height="1" alt=" "></td></tr>
<tr><td class="texto">&nbsp;</td></tr>
</table>
Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir
sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían
con esos elementos, únicamente el logotipo de la ONCE deja de moverse.
Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla.
Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la
perfección desde el teclado sin necesidad de ningún otro periférico.
Pautas 9 y 10 no se pueden comprobar.
Pauta 11: No se cumple, dado que hace uso de archivos que necesitan de software independiente,
concretamente de archivos *.pdf (ONCE puertas abiertas con enlace a: 'otros/puertasabiertas/gal.pdf';
otros/puertasabiertas/eus.pdf; etc) y sí cumple el estándar html establecido por el W3C (etiquetas
<html> </html> <head> </head> <body> </body>...)
Pauta 12: Se cumple, dado que los esquemas de la web son claros, no son páginas de texto excesivo y,
además, presenta lo que llamamos “Mapa del web”, donde nos ofrecen diversos esquemas de la
estructura de la página. El pero que tiene esta web con esta pauta es que no ofrece una información
clara de en qué lugar del sitio web te encuentras en cada momento, aunque se puede uno complementar
con el menú lateral que no desaparece.
Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, pero no
presenta texto alternativo en los enlaces.
Pauta 14: Se cumple porque presenta una maquetación coherente, con los títulos e informaciones
significativas para la navegación web en negrita y subrayadas y un lenguaje sencillo y perfectamente
comprensible.
http://www.ceapat.es
Ajuste de la página web de la CEAPAT las pautas de accesibilidad web del W3C
Pauta 1: Se cumple, dado que se muestra un texto alternativo para todas las imágenes que aparecen
en la web, tanto las normales como aquella que contiene link (imagen de bienvenida) a otras páginas del
sitio web.
Pauta 2: Se cumple, puesto que la clasificación de información no se basa únicamente en colores (salvo
que consideremos clasificación e información el propio logotipo de la CEAPAT, donde las iniciales
aparecen de color rojo y el resto de palabras aparecen en negro), desde los gráficos al mismo texto.
Existe, además, un buen contraste texto-fondo.
Pauta 3: No se cumple, porque no hace uso de hojas de estilo (*.css).
Pauta 4: No la cumple, pues no define el idioma utilizado en la página en el código fuente.
Pauta 5: No la cumple, aunque pueda parecer que no existen tablas, la página viene definida mediante
una tabla.
Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir
sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían
con esos elementos.
Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla.
Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la
perfección desde el teclado sin necesidad de ningún otro periférico, aunque no se aprecia con claridad
cuál es el elemento seleccionado.
Pautas 9 y 10 no se pueden comprobar.
Pauta 11: Se cumple, dado que no hace un uso de archivos y/o contenidos que necesiten de software
independiente (pdf, flash...) y, además, cumple el estándar html establecido por el W3C (etiquetas
<html> </html> <head> </head> <body> </body>...)
Pauta 12: No se cumple, dado que los esquemas de la web no son claros y, además, carece de “Mapa
del web. No ofrece una información clara de en qué lugar del sitio web te encuentras en cada momento,
aunque se puede uno complementar con el menú lateral que no desaparece. Lo único que cumple de
esta pauta es que no son páginas de texto excesivo.
Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, pero no
presenta texto alternativo en los enlaces.
Pauta 14: No se cumple porque no presenta una maquetación coherente, no es una página clara y los
enlaces cambian de color, aunque esto no suponga una complicación significativa. Lo que sí cumple es el
lenguaje sencillo.

Más contenido relacionado

La actualidad más candente (15)

Volt taller
Volt tallerVolt taller
Volt taller
 
Html 5
Html 5Html 5
Html 5
 
Curso cei 339 dreamweaver, nivel básico
Curso cei 339   dreamweaver, nivel básicoCurso cei 339   dreamweaver, nivel básico
Curso cei 339 dreamweaver, nivel básico
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio web
 
Planeación didáctica4-5
Planeación didáctica4-5Planeación didáctica4-5
Planeación didáctica4-5
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopez
 
Frames
FramesFrames
Frames
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Pluguins
PluguinsPluguins
Pluguins
 
Publicar Un Mapa
Publicar Un MapaPublicar Un Mapa
Publicar Un Mapa
 
Dreamweaver2
Dreamweaver2Dreamweaver2
Dreamweaver2
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Destacado

La usabilidad y accesibilidad de los contenidos de los cursos e-Learning
La usabilidad y accesibilidad de los contenidos de los cursos e-LearningLa usabilidad y accesibilidad de los contenidos de los cursos e-Learning
La usabilidad y accesibilidad de los contenidos de los cursos e-LearningManuela Varilla
 
Sistema de gestión de contenidos
Sistema de gestión de contenidosSistema de gestión de contenidos
Sistema de gestión de contenidosJulio Antiche
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editorestayzee
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Adolfo Sanz De Diego
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmejordisan RamSys
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPercy Negrete
 

Destacado (7)

La usabilidad y accesibilidad de los contenidos de los cursos e-Learning
La usabilidad y accesibilidad de los contenidos de los cursos e-LearningLa usabilidad y accesibilidad de los contenidos de los cursos e-Learning
La usabilidad y accesibilidad de los contenidos de los cursos e-Learning
 
Sistema de gestión de contenidos
Sistema de gestión de contenidosSistema de gestión de contenidos
Sistema de gestión de contenidos
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editores
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 

Similar a Las 14 Pautas de Accesibilidad y Usabilidad Web

Similar a Las 14 Pautas de Accesibilidad y Usabilidad Web (20)

Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Samanta2
Samanta2Samanta2
Samanta2
 
Html5
Html5Html5
Html5
 
Hojas de Estilo en Cascada - CSS
Hojas de Estilo en Cascada - CSSHojas de Estilo en Cascada - CSS
Hojas de Estilo en Cascada - CSS
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Introduccion a HTML - XHTML clase 04
Introduccion a HTML - XHTML clase 04Introduccion a HTML - XHTML clase 04
Introduccion a HTML - XHTML clase 04
 
01 Taller Grupo Comunicar
01 Taller Grupo Comunicar01 Taller Grupo Comunicar
01 Taller Grupo Comunicar
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
 
Consulta sobre acces, HMTL
Consulta sobre acces, HMTLConsulta sobre acces, HMTL
Consulta sobre acces, HMTL
 
HTML 5 para SEO
HTML 5 para SEOHTML 5 para SEO
HTML 5 para SEO
 
Curso de css y html
Curso de css y htmlCurso de css y html
Curso de css y html
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
Html 5
Html 5Html 5
Html 5
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Último

Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 

Último (20)

Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 

Las 14 Pautas de Accesibilidad y Usabilidad Web

  • 1. http://www.sidar.org Ajuste de la página web del SIDAR a las pautas de accesibilidad web del W3C Pauta 1: La cumple, mostrando textos alternativos en cada una de las imágenes aparecidas en la web, desde las imágenes normales a las imágenes que contienen enlaces. Pauta 2: La cumple, no basa ninguna información y/o clasificación en el color, por lo que los textos son perfectamente legibles, así como los gráficos, cuando se ven sin color. Además existe un buen contraste de color texto-fondo, suficiente para su comprensión. Pauta 3: Se cumple, porque usa hojas de estilo (*.css), ubicado, en este caso concreto, en http://www.sidar.org/css/sidar1.css Pauta 4: Sí la cumple, dado que define el idioma (español) que se utiliza en la página web, mediante el código: <html lang="es"; además de: <meta name="Language" content="Spanish" /> Pauta 5: También se cumple esta pauta, dado que no hace uso de ninguna tabla (<table></table>) para maquetar la página. De hecho, no aparece ningún tipo de tabla. Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían con esos elementos. Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla. Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la perfección desde el teclado sin necesidad de ningún otro periférico. Pautas 9 y 10 no se pueden comprobar. Pauta 11: Se cumple, dado que no hace un uso de archivos y/o contenidos que necesiten de software independiente (pdf, flash...) y, además, cumple el estándar html establecido por el W3C (etiquetas <html> </html> <head> </head> <body> </body>...) Pauta 12: Se cumple, dado que los esquemas de la web son claros, no son páginas de texto excesivo y, además, presenta lo que llamamos “Mapa del web”, donde nos ofrecen diversos esquemas de la estructura de la página. Además, en cada momento te ofrece una información clara de en qué lugar del sitio web te encuentras. Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, presenta cuadrados en azul en cada enlace, o por lo menos en su mayoría, pero no presenta texto alternativo en todos los enlaces. Pauta 14: Se cumple porque presenta una maquetación coherente, con los títulos e informaciones significativas para la navegación web en negrita y color azul y un lenguaje sencillo y perfectamente comprensible.
  • 2. http://www.once.es Ajuste de la página web de la ONCE las pautas de accesibilidad web del W3C Pauta 1: Se cumple, dado que se muestra un texto alternativo para todas las imágenes que aparecen en la web, tanto las normales como aquellas que contienen links a otras páginas del sitio web. Pauta 2: Se cumple, puesto que la clasificación de información no se basa únicamente en colores (incluso se pueden seleccionar plantillas de colores para cada deficiencia visual), desde los gráficos al mismo texto. Existe, además, un buen contraste texto-fondo. Pauta 3: Se cumple, porque usa hojas de estilo (*.css), ubicado, en este caso concreto, en la carpeta /estilos/onceie1.css del sitio web de la ONCE. Pauta 4: La cumple, pues define el idioma (Español) utilizado en la página mediante el código <HTML lang="ES">. Además permite la selección de lenguaje: Español, gallego, catalán, euskera, francés o inglés. Pauta 5: Aparentemente se cumple, puesto que a simple vista no hay nada que semeje una tabla, sin embargo, en realidad esta pauta está muy infringida, dado que en la página principal, viendo el código fuente, aparecen diversas tablas, definidas con diversas etiquetas, como puede ser: <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr><td class="lineasp"><img src="img/sp.gif" width="1" height="1" alt=" "></td></tr> <tr><td class="texto">&nbsp;</td></tr> </table> Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían con esos elementos, únicamente el logotipo de la ONCE deja de moverse. Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla. Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la perfección desde el teclado sin necesidad de ningún otro periférico. Pautas 9 y 10 no se pueden comprobar. Pauta 11: No se cumple, dado que hace uso de archivos que necesitan de software independiente, concretamente de archivos *.pdf (ONCE puertas abiertas con enlace a: 'otros/puertasabiertas/gal.pdf'; otros/puertasabiertas/eus.pdf; etc) y sí cumple el estándar html establecido por el W3C (etiquetas <html> </html> <head> </head> <body> </body>...) Pauta 12: Se cumple, dado que los esquemas de la web son claros, no son páginas de texto excesivo y, además, presenta lo que llamamos “Mapa del web”, donde nos ofrecen diversos esquemas de la estructura de la página. El pero que tiene esta web con esta pauta es que no ofrece una información clara de en qué lugar del sitio web te encuentras en cada momento, aunque se puede uno complementar con el menú lateral que no desaparece.
  • 3. Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, pero no presenta texto alternativo en los enlaces. Pauta 14: Se cumple porque presenta una maquetación coherente, con los títulos e informaciones significativas para la navegación web en negrita y subrayadas y un lenguaje sencillo y perfectamente comprensible. http://www.ceapat.es Ajuste de la página web de la CEAPAT las pautas de accesibilidad web del W3C Pauta 1: Se cumple, dado que se muestra un texto alternativo para todas las imágenes que aparecen en la web, tanto las normales como aquella que contiene link (imagen de bienvenida) a otras páginas del sitio web. Pauta 2: Se cumple, puesto que la clasificación de información no se basa únicamente en colores (salvo que consideremos clasificación e información el propio logotipo de la CEAPAT, donde las iniciales aparecen de color rojo y el resto de palabras aparecen en negro), desde los gráficos al mismo texto. Existe, además, un buen contraste texto-fondo. Pauta 3: No se cumple, porque no hace uso de hojas de estilo (*.css). Pauta 4: No la cumple, pues no define el idioma utilizado en la página en el código fuente. Pauta 5: No la cumple, aunque pueda parecer que no existen tablas, la página viene definida mediante una tabla. Pauta 6: Se cumple, dado que desactivando las opciones de Java, SSL, animaciones, reproducir sonidos, etc, la página se visualiza de la misma manera, sin omitir ningún dato de los que ya existían con esos elementos. Pauta 7: Se puede decir que se cumple, ya que no existen objetos que se desplazan por la pantalla. Pauta 8: Esta pauta se cumple, al menos por parte del teclado, ya que se puede manejar a la perfección desde el teclado sin necesidad de ningún otro periférico, aunque no se aprecia con claridad cuál es el elemento seleccionado. Pautas 9 y 10 no se pueden comprobar. Pauta 11: Se cumple, dado que no hace un uso de archivos y/o contenidos que necesiten de software independiente (pdf, flash...) y, además, cumple el estándar html establecido por el W3C (etiquetas <html> </html> <head> </head> <body> </body>...) Pauta 12: No se cumple, dado que los esquemas de la web no son claros y, además, carece de “Mapa del web. No ofrece una información clara de en qué lugar del sitio web te encuentras en cada momento, aunque se puede uno complementar con el menú lateral que no desaparece. Lo único que cumple de esta pauta es que no son páginas de texto excesivo.
  • 4. Pauta 13: Se cumple en parte, dado que no se hace uso de la típica expresión “pincha aquí”, pero no presenta texto alternativo en los enlaces. Pauta 14: No se cumple porque no presenta una maquetación coherente, no es una página clara y los enlaces cambian de color, aunque esto no suponga una complicación significativa. Lo que sí cumple es el lenguaje sencillo.