SlideShare a Scribd company logo
1 of 11
UNIVERSIDAD DE LAS AMÉRICAS PUEBLA
Evaluación de Accesibilidad
LIVE Consulting
Evaluación de accesibilidad del sitio:
http://www.df.gob.mx/
Dr. Alfredo Sánchez Huitrón
José Oscar Méndez Spíndola ID 136145
David Águila Valencia ID 141026
Resumen ejecutivo
Los sitios de internet de grandes masas de usuarios como el servicio a la comunidad, de
gobierno,de empleo, de comercio, de recreación y entre muchos otros; deben contar con
una interfaz que tengan acceso todas las personas, entre ellas las personas discapacitadas,
los problemas de discapacidad destaca la visual y auditiva o que les cuesta trabajo
percibir, entender o interactuar con la página web. Al resolver algún problema de esta
magnitud, se benefician cientos de personas entre ellos los adultos mayores.
“La accesibilidad web abarca todas las discapacidades que afectan el acceso a la Web,
incluyendo visual, auditiva, física, del lenguaje, cognitivo y discapacidades neurológicas."
http://www.w3.org/WAI/intro/accessibility.php
Mediante algunas herramientas de evaluación como la complejidad y el tamaño del sitio
web se evaluara la página http://www.df.gob.mx paradeterminar su accesibilidad para
todas las personas.
Presentación
Concepto e importancia de la accesibilidad:
Hoy en día la mayoría de la información está en los sitios web como de educación, de
comercio, de recreación entre muchos otros; siendo esencial que toda la gente tenga
acceso a estos sitios, además que pueda interactuar fácilmente con la interfaz y no se le
haga a una persona con capacidades diferentes difícil o tediosa de navegar. La web debe
de ofrecer los medios para quitar estas barreras mediante tecnología web.
Algunos sitios web, como de gobierno deben llevar al pie de la letra las normas requeridas
ya que se manejan factores legales y políticos.
Descripción general del sitio evaluado:
El sitio a evaluar fue http://www.df.gob.mx. Este es un sitio de gobierno accesible para
toda la gente. Este sitio ofrece información acerca de los servicios, tramites y temas
referentes al gobierno del DF y lo que se está haciendo por la ciudadanía. La evaluación se
hizo en caso de que el usuario tenga alguna discapacidad ya sea visual, auditiva o de
compresión en el sitio web.
Herramientas utilizadas
Las herramientas utilizadas fueron de software y páginas de internet para evaluar sus
actualizaciones y su legibilidad ante alguna persona con capacidades diferentes.
La página web para evaluar las versiones de la página fue www.archive.org , esta página
web obtiene los datos y guarda las versiones que ha tenido la página web durante su
tiempo en línea.
En donde dice web se pone la dirección que se requiera información, y nos arrojara un
calendario y la versión de la página web.
El software para ver la página web solo texto, fue WEBBIE
Este software provee a cualquier usuario a ver la página web solo el texto, este software
es ideal para personas con algún problema visual o comprendimiento de la página,
además el software provee las herramientas suficientes para acceder a todo el sitio.
Se utilizó la página de www.w3.org para validar la página web del gobierno de la ciudad de
México.
Esta página nos da información acerca del sitio web que queremos evaluar, nos dice los
errores que contiene y las faltas que tiene en el formato HTML5.
Resultados de la evaluación
Entrando a la página web del gobierno capitalino de la ciudad de México, se encuentra
cualquier usuario con esta página:
A principio se puede ver que hay muchos botones demasiado juntos, e la parte central y
parte inferior de la página web, algunos de esos botones bloquean casi por completo la
información detrás. Navegando un poco más se llega a una parte donde se encuentra el
mapa siguiente:
A primera vista no se puede entender de qué se trata este mapa, pero una vez haciendo
una vista rápida, se llega a la conclusión que es un mapa en donde alguna persona puede
hacer una queja, sugerencia o denuncia, aparte de otros trámites del gobierno.
Para investigar sus versiones anteriores se usó la página web www.archive.gob, está en
una base de datos guarda las diferentes versiones que una página web se ha ido
actualizando.
La página web del Distrito Federal ha tenido desde sus inicios que se creó 7 versiones de
páginas web diferentes, analizando cada una se ha llegado a la conclusión que la pagina
actual falta de mucha accesibilidad web para personas de capacidades diferentes.
Para personas con debilidad visual el portal pone como opción el agrandamiento de las
letras según sea necesario para una mejor visualización.
Para personas con problemas auditivos, el portal pone a disposición las opciones de
descargar el audio del contenido de los temas deseados o simplemente escucharlo en
línea, esto facilita que con el apoyo de otra persona, las personas con debilidad visual o
ciegos puedan escuchar y enterarse del contenido disponible.
Para tener mayor accesibilidad y mayor audiencia de este portal web, el gobierno del
Distrito federal pone a disposición información útil en las diferentes redes sociales más
utilizadas, al momento de darle click te re direcciona a sus páginas con información
detallada.
Para los personas de diferentes nacionalidades existe la opción de traducir la página en los
idiomas disponibles de traductor google, haciendo muy amigable la interfaces para las
personas foráneas; cabe mencionar que el traductor tiene ciertos errores pero aun así es
entendible. También notamos que la publicidad al estar compuesta de imágenes no se
traduce a ningún idioma.
La desventaja de esta barra de herramientas es que en algunas partes de la imagen tapa la
información
Para las personas con debilidad visual, el portal pone sus principales viñetas con colores
llamativos así como el amarillo, rosa mexicano, azul, verde, etc. Todos en términos de
colores casi fosforescentes. Con la finalidad de encontrar los temas de interés con mayor
facilidad.
Analizando la página en un navegador para personas con poca visibilidad (que solo
distingan texto) se obtuvo los siguientes resultados:
Se puede observar que al tratar de acoplar las imágenes en la pantalla, la página web del
Distrito Federal no se acomoda tal cual.
En el navegador de la derecha llamado WEBBIE traduce toda la página en texto, dejando
atrás las imágenes y botones, se puede observar en un inicio que hay enlaces que no se
saben a donde te llevan.
Y los enlaces de la parte superior han desaparecido, esto es un problema bastante grave,
ya que esta página está pasando por alto asuntos legales y/o políticos de las páginas web.
Discusión de los resultados más relevantes
Encontramos que el sitios del Distrito Federal tiene presente los conceptos de
accesibilidad ya que es consiente que la mayoría de la población Mexicana se concentra el
DF y estado de México, siendo la ciudad más poblada del mundo y como consecuencia
tiene una gran cantidad de personas de la tercera edad y también de personas con
discapacidad que a pesar de ello, son activas.
Este sitio es útil para personas con discapacidad visual.
Pero encontramos varias deficiencias las cuales mencionamos a continuación
Recomendaciones para el diseño del sitio
El sitio tiene demasiadas imaginas en su página principal haciendo tediosa la
búsqueda y no encontrando mucho significados de estas imágenes. Al igual que la
imagen de fondo hace a la página más sobrecargada de imágenes.
La publicidad tiene mucho texto y cambia muy rápido, dando poco tiempo a los
visitantes para enterarse de lo que tratan de ofrecer.
Los iconos de las redes sociales y la traducción de la página están estáticos,
obstruyendo la visibilidad del contenido.
El mapa que se encuentra en la página principal no deja muy claro de que se trata,
además de tener sobrecupo de ubicaciones.
En ciertas partes no se habla el mismo idioma del usuario, por ejemplo en las
“aplicaciones GDF”.
Referencias
(http://w3c.org/WAI)
http://www.df.gob.mx

More Related Content

What's hot (18)

Yosari informatica 10 B
Yosari informatica  10 BYosari informatica  10 B
Yosari informatica 10 B
 
Pagina web y blog by jose hurtado
Pagina web y blog by jose hurtadoPagina web y blog by jose hurtado
Pagina web y blog by jose hurtado
 
Diferencias
DiferenciasDiferencias
Diferencias
 
viajes 2.0
viajes 2.0viajes 2.0
viajes 2.0
 
Web 10,20,30
Web 10,20,30Web 10,20,30
Web 10,20,30
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
 
Tic trabajo 2.,3. (1)
Tic trabajo 2.,3. (1)Tic trabajo 2.,3. (1)
Tic trabajo 2.,3. (1)
 
Semestrario tic
Semestrario ticSemestrario tic
Semestrario tic
 
Tic trabajo 2.,3. (1)
Tic trabajo 2.,3. (1)Tic trabajo 2.,3. (1)
Tic trabajo 2.,3. (1)
 
Productos 1 5 tics
Productos  1 5 ticsProductos  1 5 tics
Productos 1 5 tics
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Paginas electrónicas
Paginas electrónicasPaginas electrónicas
Paginas electrónicas
 
Carlos wilchs
Carlos wilchsCarlos wilchs
Carlos wilchs
 
1.2 la web 2,0
1.2 la web 2,01.2 la web 2,0
1.2 la web 2,0
 
Publicaciones en Linea
Publicaciones en LineaPublicaciones en Linea
Publicaciones en Linea
 
Informe digitalizados
Informe digitalizadosInforme digitalizados
Informe digitalizados
 
Tecnologías presentes y pasadas
Tecnologías presentes y pasadasTecnologías presentes y pasadas
Tecnologías presentes y pasadas
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 

Similar to Evaluacion de accesibilidad

Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jimaJessica Jima
 
Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jimaJessica Jima
 
Práctica profesional jessica e. jima n.
Práctica profesional jessica e. jima n.Práctica profesional jessica e. jima n.
Práctica profesional jessica e. jima n.Jessica Jima
 
Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jimaJessica Jima
 
Si manejo no me dejo trabajo completo final
Si manejo no me dejo trabajo completo finalSi manejo no me dejo trabajo completo final
Si manejo no me dejo trabajo completo finalsimanejonomedejo
 
Internet
InternetInternet
Internetchamaya
 
Informe de informatica revisado osuany
Informe de informatica revisado osuanyInforme de informatica revisado osuany
Informe de informatica revisado osuanyosiyasm
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaEliasib Silva
 
Reynaldo rojas o
Reynaldo rojas oReynaldo rojas o
Reynaldo rojas oreyrojas
 
A2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoA2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoKrizaldiNC
 
Primera práctica (Educación y Sociedad)
Primera práctica (Educación y Sociedad)Primera práctica (Educación y Sociedad)
Primera práctica (Educación y Sociedad)Rocio Fdez
 

Similar to Evaluacion de accesibilidad (20)

Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jima
 
Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jima
 
Práctica profesional jessica e. jima n.
Práctica profesional jessica e. jima n.Práctica profesional jessica e. jima n.
Práctica profesional jessica e. jima n.
 
Presentación proyecto jessica jima
Presentación proyecto jessica jimaPresentación proyecto jessica jima
Presentación proyecto jessica jima
 
Si manejo no me dejo trabajo completo final
Si manejo no me dejo trabajo completo finalSi manejo no me dejo trabajo completo final
Si manejo no me dejo trabajo completo final
 
Internet
InternetInternet
Internet
 
Camilo villa
Camilo villaCamilo villa
Camilo villa
 
Informe de informatica revisado osuany
Informe de informatica revisado osuanyInforme de informatica revisado osuany
Informe de informatica revisado osuany
 
Diapositiva Pagina Web
Diapositiva Pagina WebDiapositiva Pagina Web
Diapositiva Pagina Web
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
trabajo blog
trabajo blogtrabajo blog
trabajo blog
 
Páginas web
Páginas webPáginas web
Páginas web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Reynaldo rojas o
Reynaldo rojas oReynaldo rojas o
Reynaldo rojas o
 
A2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoA2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelso
 
Zoho creator
Zoho creatorZoho creator
Zoho creator
 
Zoho creator
Zoho creatorZoho creator
Zoho creator
 
Primera práctica (Educación y Sociedad)
Primera práctica (Educación y Sociedad)Primera práctica (Educación y Sociedad)
Primera práctica (Educación y Sociedad)
 

More from David Aguila

Ihc prototipo de alta fidelidad-final
Ihc   prototipo de alta fidelidad-finalIhc   prototipo de alta fidelidad-final
Ihc prototipo de alta fidelidad-finalDavid Aguila
 
Ihc prototipo de alta fidelidad
Ihc   prototipo de alta fidelidadIhc   prototipo de alta fidelidad
Ihc prototipo de alta fidelidadDavid Aguila
 
Prototipo de baja fidelidad
Prototipo de baja fidelidadPrototipo de baja fidelidad
Prototipo de baja fidelidadDavid Aguila
 
Prototipo de baja fidelidad
Prototipo de baja fidelidadPrototipo de baja fidelidad
Prototipo de baja fidelidadDavid Aguila
 
Paradigmas y estilos de interaccion
Paradigmas y estilos de interaccionParadigmas y estilos de interaccion
Paradigmas y estilos de interaccionDavid Aguila
 
Reporte como sujetos de estudio de usabilidad
Reporte como sujetos de estudio de usabilidad  Reporte como sujetos de estudio de usabilidad
Reporte como sujetos de estudio de usabilidad David Aguila
 
Método heurístico final
Método heurístico finalMétodo heurístico final
Método heurístico finalDavid Aguila
 
Evaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSEvaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSDavid Aguila
 
Metodo de evaluacion a REMERI
Metodo de evaluacion a REMERIMetodo de evaluacion a REMERI
Metodo de evaluacion a REMERIDavid Aguila
 
Evaluacion heuristica
Evaluacion heuristicaEvaluacion heuristica
Evaluacion heuristicaDavid Aguila
 
Estudio de usabilidad aplicado a REMERI
Estudio de usabilidad aplicado a REMERIEstudio de usabilidad aplicado a REMERI
Estudio de usabilidad aplicado a REMERIDavid Aguila
 
Desarrollo del blog celulas madre
Desarrollo del blog celulas madreDesarrollo del blog celulas madre
Desarrollo del blog celulas madreDavid Aguila
 

More from David Aguila (13)

Ihc prototipo de alta fidelidad-final
Ihc   prototipo de alta fidelidad-finalIhc   prototipo de alta fidelidad-final
Ihc prototipo de alta fidelidad-final
 
Ihc prototipo de alta fidelidad
Ihc   prototipo de alta fidelidadIhc   prototipo de alta fidelidad
Ihc prototipo de alta fidelidad
 
Prototipo de baja fidelidad
Prototipo de baja fidelidadPrototipo de baja fidelidad
Prototipo de baja fidelidad
 
Prototipo de baja fidelidad
Prototipo de baja fidelidadPrototipo de baja fidelidad
Prototipo de baja fidelidad
 
Paradigmas y estilos de interaccion
Paradigmas y estilos de interaccionParadigmas y estilos de interaccion
Paradigmas y estilos de interaccion
 
Reporte como sujetos de estudio de usabilidad
Reporte como sujetos de estudio de usabilidad  Reporte como sujetos de estudio de usabilidad
Reporte como sujetos de estudio de usabilidad
 
Método heurístico final
Método heurístico finalMétodo heurístico final
Método heurístico final
 
Evaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSEvaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMS
 
Triggers en SQL
Triggers en SQLTriggers en SQL
Triggers en SQL
 
Metodo de evaluacion a REMERI
Metodo de evaluacion a REMERIMetodo de evaluacion a REMERI
Metodo de evaluacion a REMERI
 
Evaluacion heuristica
Evaluacion heuristicaEvaluacion heuristica
Evaluacion heuristica
 
Estudio de usabilidad aplicado a REMERI
Estudio de usabilidad aplicado a REMERIEstudio de usabilidad aplicado a REMERI
Estudio de usabilidad aplicado a REMERI
 
Desarrollo del blog celulas madre
Desarrollo del blog celulas madreDesarrollo del blog celulas madre
Desarrollo del blog celulas madre
 

Recently uploaded

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 

Recently uploaded (20)

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 

Evaluacion de accesibilidad

  • 1. UNIVERSIDAD DE LAS AMÉRICAS PUEBLA Evaluación de Accesibilidad LIVE Consulting Evaluación de accesibilidad del sitio: http://www.df.gob.mx/ Dr. Alfredo Sánchez Huitrón José Oscar Méndez Spíndola ID 136145 David Águila Valencia ID 141026
  • 2. Resumen ejecutivo Los sitios de internet de grandes masas de usuarios como el servicio a la comunidad, de gobierno,de empleo, de comercio, de recreación y entre muchos otros; deben contar con una interfaz que tengan acceso todas las personas, entre ellas las personas discapacitadas, los problemas de discapacidad destaca la visual y auditiva o que les cuesta trabajo percibir, entender o interactuar con la página web. Al resolver algún problema de esta magnitud, se benefician cientos de personas entre ellos los adultos mayores. “La accesibilidad web abarca todas las discapacidades que afectan el acceso a la Web, incluyendo visual, auditiva, física, del lenguaje, cognitivo y discapacidades neurológicas." http://www.w3.org/WAI/intro/accessibility.php Mediante algunas herramientas de evaluación como la complejidad y el tamaño del sitio web se evaluara la página http://www.df.gob.mx paradeterminar su accesibilidad para todas las personas. Presentación Concepto e importancia de la accesibilidad: Hoy en día la mayoría de la información está en los sitios web como de educación, de comercio, de recreación entre muchos otros; siendo esencial que toda la gente tenga acceso a estos sitios, además que pueda interactuar fácilmente con la interfaz y no se le haga a una persona con capacidades diferentes difícil o tediosa de navegar. La web debe de ofrecer los medios para quitar estas barreras mediante tecnología web. Algunos sitios web, como de gobierno deben llevar al pie de la letra las normas requeridas ya que se manejan factores legales y políticos. Descripción general del sitio evaluado: El sitio a evaluar fue http://www.df.gob.mx. Este es un sitio de gobierno accesible para toda la gente. Este sitio ofrece información acerca de los servicios, tramites y temas referentes al gobierno del DF y lo que se está haciendo por la ciudadanía. La evaluación se
  • 3. hizo en caso de que el usuario tenga alguna discapacidad ya sea visual, auditiva o de compresión en el sitio web. Herramientas utilizadas Las herramientas utilizadas fueron de software y páginas de internet para evaluar sus actualizaciones y su legibilidad ante alguna persona con capacidades diferentes. La página web para evaluar las versiones de la página fue www.archive.org , esta página web obtiene los datos y guarda las versiones que ha tenido la página web durante su tiempo en línea. En donde dice web se pone la dirección que se requiera información, y nos arrojara un calendario y la versión de la página web. El software para ver la página web solo texto, fue WEBBIE
  • 4. Este software provee a cualquier usuario a ver la página web solo el texto, este software es ideal para personas con algún problema visual o comprendimiento de la página, además el software provee las herramientas suficientes para acceder a todo el sitio. Se utilizó la página de www.w3.org para validar la página web del gobierno de la ciudad de México. Esta página nos da información acerca del sitio web que queremos evaluar, nos dice los errores que contiene y las faltas que tiene en el formato HTML5.
  • 5. Resultados de la evaluación Entrando a la página web del gobierno capitalino de la ciudad de México, se encuentra cualquier usuario con esta página: A principio se puede ver que hay muchos botones demasiado juntos, e la parte central y parte inferior de la página web, algunos de esos botones bloquean casi por completo la información detrás. Navegando un poco más se llega a una parte donde se encuentra el mapa siguiente:
  • 6. A primera vista no se puede entender de qué se trata este mapa, pero una vez haciendo una vista rápida, se llega a la conclusión que es un mapa en donde alguna persona puede hacer una queja, sugerencia o denuncia, aparte de otros trámites del gobierno. Para investigar sus versiones anteriores se usó la página web www.archive.gob, está en una base de datos guarda las diferentes versiones que una página web se ha ido actualizando. La página web del Distrito Federal ha tenido desde sus inicios que se creó 7 versiones de páginas web diferentes, analizando cada una se ha llegado a la conclusión que la pagina actual falta de mucha accesibilidad web para personas de capacidades diferentes.
  • 7. Para personas con debilidad visual el portal pone como opción el agrandamiento de las letras según sea necesario para una mejor visualización. Para personas con problemas auditivos, el portal pone a disposición las opciones de descargar el audio del contenido de los temas deseados o simplemente escucharlo en línea, esto facilita que con el apoyo de otra persona, las personas con debilidad visual o ciegos puedan escuchar y enterarse del contenido disponible.
  • 8. Para tener mayor accesibilidad y mayor audiencia de este portal web, el gobierno del Distrito federal pone a disposición información útil en las diferentes redes sociales más utilizadas, al momento de darle click te re direcciona a sus páginas con información detallada. Para los personas de diferentes nacionalidades existe la opción de traducir la página en los idiomas disponibles de traductor google, haciendo muy amigable la interfaces para las personas foráneas; cabe mencionar que el traductor tiene ciertos errores pero aun así es entendible. También notamos que la publicidad al estar compuesta de imágenes no se traduce a ningún idioma. La desventaja de esta barra de herramientas es que en algunas partes de la imagen tapa la información
  • 9. Para las personas con debilidad visual, el portal pone sus principales viñetas con colores llamativos así como el amarillo, rosa mexicano, azul, verde, etc. Todos en términos de colores casi fosforescentes. Con la finalidad de encontrar los temas de interés con mayor facilidad. Analizando la página en un navegador para personas con poca visibilidad (que solo distingan texto) se obtuvo los siguientes resultados:
  • 10. Se puede observar que al tratar de acoplar las imágenes en la pantalla, la página web del Distrito Federal no se acomoda tal cual. En el navegador de la derecha llamado WEBBIE traduce toda la página en texto, dejando atrás las imágenes y botones, se puede observar en un inicio que hay enlaces que no se saben a donde te llevan. Y los enlaces de la parte superior han desaparecido, esto es un problema bastante grave, ya que esta página está pasando por alto asuntos legales y/o políticos de las páginas web.
  • 11. Discusión de los resultados más relevantes Encontramos que el sitios del Distrito Federal tiene presente los conceptos de accesibilidad ya que es consiente que la mayoría de la población Mexicana se concentra el DF y estado de México, siendo la ciudad más poblada del mundo y como consecuencia tiene una gran cantidad de personas de la tercera edad y también de personas con discapacidad que a pesar de ello, son activas. Este sitio es útil para personas con discapacidad visual. Pero encontramos varias deficiencias las cuales mencionamos a continuación Recomendaciones para el diseño del sitio El sitio tiene demasiadas imaginas en su página principal haciendo tediosa la búsqueda y no encontrando mucho significados de estas imágenes. Al igual que la imagen de fondo hace a la página más sobrecargada de imágenes. La publicidad tiene mucho texto y cambia muy rápido, dando poco tiempo a los visitantes para enterarse de lo que tratan de ofrecer. Los iconos de las redes sociales y la traducción de la página están estáticos, obstruyendo la visibilidad del contenido. El mapa que se encuentra en la página principal no deja muy claro de que se trata, además de tener sobrecupo de ubicaciones. En ciertas partes no se habla el mismo idioma del usuario, por ejemplo en las “aplicaciones GDF”. Referencias (http://w3c.org/WAI) http://www.df.gob.mx