SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados (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
 

Destaque

Claves para una buena comunicación familiar
Claves para una buena comunicación familiarClaves para una buena comunicación familiar
Claves para una buena comunicación familiarCiudad Educativa
 
OriflameKatalogum.Com Oriflame Kataloğu
OriflameKatalogum.Com Oriflame KataloğuOriflameKatalogum.Com Oriflame Kataloğu
OriflameKatalogum.Com Oriflame KataloğuVefa B.
 
Porfolio arq. virginia valdez
Porfolio arq. virginia valdezPorfolio arq. virginia valdez
Porfolio arq. virginia valdezarqvirginiavaldez
 
Parcial2jorgecalderas
Parcial2jorgecalderasParcial2jorgecalderas
Parcial2jorgecalderasrenevirguez
 
Migración SEO Basada en Negocio de un Proyecto Internacional.
Migración SEO Basada en Negocio de un Proyecto Internacional.Migración SEO Basada en Negocio de un Proyecto Internacional.
Migración SEO Basada en Negocio de un Proyecto Internacional.Semrush
 
Los medios de comunicación
Los medios de comunicaciónLos medios de comunicación
Los medios de comunicacióndeamedios
 
Win your career bms internal-v2nq140624
Win your career   bms internal-v2nq140624Win your career   bms internal-v2nq140624
Win your career bms internal-v2nq140624Maximum Nederland
 
Elementos gramaticales
Elementos gramaticalesElementos gramaticales
Elementos gramaticalesEdnita64359
 
Campaign catálogo 10 Oriflame - 2015
Campaign catálogo 10 Oriflame - 2015Campaign catálogo 10 Oriflame - 2015
Campaign catálogo 10 Oriflame - 2015Oriflame Portugal
 
Apresentação Caio Fellipe
Apresentação Caio FellipeApresentação Caio Fellipe
Apresentação Caio FellipeCaio Fellipe
 
10 Dangerous Foods For Diabetes
10 Dangerous Foods For Diabetes10 Dangerous Foods For Diabetes
10 Dangerous Foods For DiabetesIdrus Agil
 
Compromiso institucional del sena
Compromiso institucional del senaCompromiso institucional del sena
Compromiso institucional del senaInol Polo
 
ALPHA LIPID LIFELINE
ALPHA LIPID LIFELINEALPHA LIPID LIFELINE
ALPHA LIPID LIFELINECARLOS FELIX
 
Presentation "Real estate 2.0"
Presentation "Real estate 2.0"Presentation "Real estate 2.0"
Presentation "Real estate 2.0"VTSConsulting
 

Destaque (20)

Claves para una buena comunicación familiar
Claves para una buena comunicación familiarClaves para una buena comunicación familiar
Claves para una buena comunicación familiar
 
Catálogo Oriflame 15 2014
Catálogo Oriflame 15 2014Catálogo Oriflame 15 2014
Catálogo Oriflame 15 2014
 
OriflameKatalogum.Com Oriflame Kataloğu
OriflameKatalogum.Com Oriflame KataloğuOriflameKatalogum.Com Oriflame Kataloğu
OriflameKatalogum.Com Oriflame Kataloğu
 
Porfolio arq. virginia valdez
Porfolio arq. virginia valdezPorfolio arq. virginia valdez
Porfolio arq. virginia valdez
 
Parcial2jorgecalderas
Parcial2jorgecalderasParcial2jorgecalderas
Parcial2jorgecalderas
 
Dafne servicios
Dafne serviciosDafne servicios
Dafne servicios
 
Migración SEO Basada en Negocio de un Proyecto Internacional.
Migración SEO Basada en Negocio de un Proyecto Internacional.Migración SEO Basada en Negocio de un Proyecto Internacional.
Migración SEO Basada en Negocio de un Proyecto Internacional.
 
Aruba and i pad
Aruba and i padAruba and i pad
Aruba and i pad
 
Principios
PrincipiosPrincipios
Principios
 
Los medios de comunicación
Los medios de comunicaciónLos medios de comunicación
Los medios de comunicación
 
Win your career bms internal-v2nq140624
Win your career   bms internal-v2nq140624Win your career   bms internal-v2nq140624
Win your career bms internal-v2nq140624
 
Elementos gramaticales
Elementos gramaticalesElementos gramaticales
Elementos gramaticales
 
Campaign catálogo 10 Oriflame - 2015
Campaign catálogo 10 Oriflame - 2015Campaign catálogo 10 Oriflame - 2015
Campaign catálogo 10 Oriflame - 2015
 
Apresentação Caio Fellipe
Apresentação Caio FellipeApresentação Caio Fellipe
Apresentação Caio Fellipe
 
10 Dangerous Foods For Diabetes
10 Dangerous Foods For Diabetes10 Dangerous Foods For Diabetes
10 Dangerous Foods For Diabetes
 
Compromiso institucional del sena
Compromiso institucional del senaCompromiso institucional del sena
Compromiso institucional del sena
 
ALPHA LIPID LIFELINE
ALPHA LIPID LIFELINEALPHA LIPID LIFELINE
ALPHA LIPID LIFELINE
 
Clarinet
ClarinetClarinet
Clarinet
 
Presentation "Real estate 2.0"
Presentation "Real estate 2.0"Presentation "Real estate 2.0"
Presentation "Real estate 2.0"
 
Catálogo Oriflame 08 2014
Catálogo Oriflame 08 2014Catálogo Oriflame 08 2014
Catálogo Oriflame 08 2014
 

Semelhante a 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
 

Semelhante a 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)
 

Mais de oskarspindola

Mais de oskarspindola (7)

Ihc prototipo de alta fidelidad-final
Ihc   prototipo de alta fidelidad-finalIhc   prototipo de alta fidelidad-final
Ihc prototipo de alta fidelidad-final
 
Estudio de Usabilidad
Estudio de UsabilidadEstudio de Usabilidad
Estudio de Usabilidad
 
Estudio aplicado REMERI
Estudio aplicado REMERIEstudio aplicado REMERI
Estudio aplicado REMERI
 
Goms
GomsGoms
Goms
 
PolyZoom
PolyZoomPolyZoom
PolyZoom
 
Evaluación Heuristica
Evaluación Heuristica Evaluación Heuristica
Evaluación Heuristica
 
Vorosom
VorosomVorosom
Vorosom
 

Último

La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 

Último (20)

La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 

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