SlideShare ist ein Scribd-Unternehmen logo
1 von 20
ACCESIBILIDAD Y
USABILIDAD DE LA WEB
INTRODUCCIÓN
La Web desempeña un papel cada vez más relevante como medio
de obtención de información en diversos ámbitos de la sociedad
actual, por lo que garantizar un acceso universal y eficiente a la
información es un auténtico reto para los desarrolladores. La
accesibilidad y usabilidad son pilares fundamentales para
conseguir esta máxima.
 Accesibilidad. Posibilidad de que un sitio Web pueda ser visitado
y utilizado de forma satisfactoria por el mayor número posible de
personas, independientemente de las limitaciones personales que
tengan o de las derivadas de su entorno.
 Usabilidad. Establece las condiciones que maximizan la
efectividad, eficiencia y satisfacción con que un usuario utiliza un
sitio web.
ACCESIBILIDAD
Por accesibilidad se entiende la posibilidad de que un producto o
servicio Web pueda ser accedido y usado, de forma independiente de
las limitaciones propias del individuo o de las derivadas del contexto
de uso.
Hablar de Accesibilidad Web es hablar de un acceso universal a la
Web, independientemente del tipo de
hardware, software, infraestructura de
red, idioma, cultura, localización geográfica y capacidades de los
usuarios.
Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad
Web, conocida como WAI (Web Accessibility Initiative). Se trata de
una actividad desarrollada por el W3C, cuyo objetivo es facilitar el
acceso de las personas con discapacidad, desarrollando pautas de
accesibilidad, mejorando las herramientas para la evaluación y
reparación de accesibilidad Web, llevando a cabo una labor educativa
y de concienciación en relación a la importancia del diseño accesible
de páginas Web, y abriendo nuevos campos en accesibilidad a través
de la investigación en este área.
Dentro de las limitaciones propias del individuo puede haber
deficiencias visuales, auditivas, motrices, cognitivas y de
lenguaje, pero también puede tener limitaciones derivadas del
contexto de uso y del dispositivo de acceso empleado (hardware y/o
software), como puede ser el idioma, la experiencia o conocimientos
previos. Por ejemplo
Comparten el mismo problema de visualización los usuarios con
visión reducida y los que, sin padecer discapacidad visual, utilizan
pantallas pequeñas o accedan desde entornos llenos de humo.
¿PARA QUÉ SIRVE?
 La idea principal radica en hacer la Web más accesible para
todos los usuarios independientemente de las circunstancias
y los dispositivos involucrados a la hora de acceder a la
información. Partiendo de esta idea, una página accesible lo
será tanto para una persona con discapacidad, como para
cualquier otra persona que se encuentre bajo circunstancias
externas que dificulten su acceso a la información (en caso
de ruidos externos, en situaciones donde nuestra atención
visual y auditiva no estén disponibles, etc.).
¿CÓMO FUNCIONA?
Para hacer el contenido Web accesible, se han desarrollado las
denominadas Pautas de Accesibilidad al Contenido en la Web
(WCAG), cuya función principal es guiar el diseño de páginas Web
hacia un diseño accesible, reduciendo de esta forma barreras a la
información. WCAG consiste en 14 pautas que proporcionan soluciones
de diseño y que utilizan como ejemplo situaciones comunes en las que
el diseño de una página puede producir problemas de acceso a la
información. Las Pautas contienen además una serie de puntos de
verificación que ayudan a detectar posibles errores.
Cada punto de verificación está asignado a uno de los tres niveles de
prioridad establecidos por las pautas.
 Prioridad 1: son aquellos puntos que un desarrollador Web tiene que
cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían
acceder a la información del sitio Web.
 Prioridad 2: son aquellos puntos que un desarrollador Web debería
cumplir ya que, si no fuese así, sería muy difícil acceder a la información
para ciertos grupos de usuarios.
 Prioridad 3: son aquellos puntos que un desarrollador Web debería
cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas
dificultades para acceder a la información.
Mas información AQUÍ
LIMITACIONES
Las limitaciones en la accesibilidad de los sitios Web pueden ser:
 Visuales: En sus distintos grados, desde la baja visión a la
ceguera total, además de problemas para distinguir colores
(Daltonismo).
 Motrices: Dificultad o la imposibilidad de usar las manos,
incluidos temblores, lentitud muscular, etc, debido a
enfermedades como el Parkinson, distrofia muscular, parálisis
cerebral, amputaciones...
 Auditivas: Sordera o deficiencias auditivas.
 Cognitivas: Dificultades de aprendizaje (dislexia, discalculia,
etc) o discapacidades cognitivas que afecten a la memoria, la
atención, las habilidades lógicas, etc.
RECOMENDACIONES PARA
ACCESIBILIDAD WEB
 Todos los elementos visuales, imágenes o animaciones, deben
contar con una descripción de su función.
 Incluir subtítulos y transcripciones de los sonidos, y descripciones
de los videos.
 Usar texto que tenga sentido cuando se lea fuera de contexto.
 Aplicar una apropiada organización de la página; usar
encabezados, listas y estructura consistente; usar tablas solo para
presentar datos tabulares, así como hojas de estilo en cascada
donde sea posible.
 Dar alternativas accesibles a los scripts, applets y plug-ins para los
casos en que las características activas sean inaccesibles o no
soportadas.
 Hacer las tablas de manera que se puedan leer línea por línea, y
añadir un resumen.
NIVELES DE ACCESIBILIDAD
 El “World Wide Web Consortium” (W3C) es una organización
internacional fundada en octubre de 1994, que agrupa a más de 350
organizaciones en todo el mundo, y tiene la finalidad de desarrollar
especificaciones, guías, software y herramientas para que las
tecnologías Web sean compatibles entre sí.
 En el caso de la accesibilidad Web ha desarrollado la primera versión
de las guías de contenido accesible en Web, donde establece tres
niveles de calificación de accesibilidad para los sitios.
 Estas guías (Web Content Accessibility Guidelines 1.0) y la
calificación de accesibilidad para los sitios se pueden consultar en el
sitio Web de la W3C.
BENEFICIOS
 Aumenta el número de potenciales visitantes de la página
web: esta es una razón muy importante para una empresa
que pretenda captar nuevos clientes. Cuando una página web
es accesible no presenta barreras que dificulten su
acceso, independientemente de las condiciones del usuario.
 Disminuye los costes de desarrollo y mantenimiento:
aunque inicialmente aprender a hacer una página web
accesible supone un coste (igual que supone un coste
aprender a utilizar cualquier tecnología nueva), una vez se
tienen los conocimientos, el coste de desarrollar y mantener
una página web accesible es menor que frente a una no
accesible.
 Reduce el tiempo de carga de las páginas web y la carga
del servidor web: al separar el contenido de la información
sobre la presentación de una página web mediante CSS se
logra reducir el tamaño de las páginas web.
USABILIDAD
Usabilidad es un término adaptado de la palabra en inglés
“usability”, para indicar que algo se puede usar, la usabilidad se
refiere al alcance en el que un producto puede ser utilizado por
usuarios específicos para alcanzar metas específicas con
efectividad, eficiencia y satisfacción en un contexto específico de
uso.
Que un producto sea usable implica que:
 Pueda ser utilizado en forma adecuada, eficiente y satisfactoria
por la mayoría de los posibles usuarios.
 Sea tan fácil de aprender a usar que no requiere manuales.
 Pueda ser utilizado por personas con diferentes habilidades o
discapacidades.
 Cualquier persona, sin importar su edad o cultura, pueda usarlo.
 Evita que el usuario cometa errores.
Cuando nos referimos específicamente a un sitio Web o sistema
usable, nos interesa que sea:
 Amigable con el usuario.
 Fácil de usar.
 Fácil de aprender.
 La interacción con el sistema debe ser acorde con las habilidades,
capacidades y
 costumbres del usuario para procesar la información, para lo que
se necesita conocer al grupo de usuarios y aplicando técnicas de
Diseño Centrado en el Usuario.
 La norma ISO 13407 indica que el diseño centrado en el usuario se
caracteriza por:
 Involucrar activamente a los usuarios. Un claro entendimiento de
los requerimientos del usuario y la tarea final.
 Una adecuada distribución de las funciones entre los usuarios y la
tecnología.
 Iteración de soluciones de diseño.
 Diseño multidisciplinario.
PRINCIPIOS GENERALES
Existen diversos principios y guías para hacer sitios Web usables,
entre las que podemos destacar:
Anticipación
 El sitio Web debe anticiparse a las necesidades del usuario.
Autonomía
 Los usuarios deben tener el control sobre el sitio Web.
 Los colores no deben dificultar el acceso a los usuarios con
problemas de distinción de colores.
Consistencia
 Las aplicaciones deben ser consistentes con las expectativas de
los usuarios y con su aprendizaje previo.
 Los sitios Web se deben centrar en la productividad del usuario,
no en la del propio sitio Web.
Reversibilidad
 Se debe permitir deshacer las acciones realizadas; cuando el
usuario comete un error, el sistema ha de solucionar el problema, o
sugerir soluciones posibles, y no sólo informar del error.
 A menor distancia y mayor tamaño para alcanzar un objeto con el
mecanismo de interacción hay más facilidad para usarlo.
 Reducción del tiempo de espera e informar al usuario del tiempo
pendiente para la finalización de la tarea.
Aprendizaje
 Los sitios Web deben requerir un mínimo proceso de aprendizaje y
deben poder ser utilizados desde el primer momento.
 El uso adecuado de metáforas facilita el uso y aprendizaje de un
sitio Web.
 Protección del trabajo de los usuarios; los usuarios no deben
perder su trabajo como consecuencia de un error.
Legibilidad
 El color de los textos debe contrastar con el del fondo, y el
tamaño de fuente debe ser adecuado.
 Seguimiento de las acciones del usuario. El conocer y
almacenar información sobre su comportamiento previo le
permite realizar operaciones frecuentes de manera más
rápida.
 Interfaz visible. Se deben evitar elementos invisibles de
navegación que han de ser inferidos por los usuarios, como
los menús desplegables o indicaciones ocultas.
 Los usuarios no deben sufrir sobrecarga de información.
Cuando un usuario visita un sitio Web y no sabe donde
comenzar a leer, existe sobrecarga de información.
MÉTODOS DE PRUEBA Y EVALUACIÓN
DE USABILIDAD
Entre los métodos de prueba y evaluación de usabilidad
para sitios Web se puede mencionar:
 La observación de campo, que se aplica especialmente en el
análisis de tareas y en la etapa final del proyecto, e incluso
durante su implementación.
 Para la observación de campo se recomienda que se realice
para tres usuarios como mínimo.
 Grupos de enfoque, que son aplicables especialmente en las
etapas de análisis de tareas y determinación de
requerimientos. Se recomienda que el número de usuarios
sea de seis a nueve en cada grupo.
 Evaluación heurística, aplicable al inicio del diseño, durante
las interacciones del proceso de diseño y en la etapa anterior
a la puesta en línea. No requiere de la participación de
usuarios ya que la realizan expertos.
 Grabación de entradas, de gran utilidad durante las pruebas
finales y estudios de seguimiento. Se recomienda que
participen por lo menos veinte usuarios.
BENEFICIOS DE LA EVALUACIÓN DE
USABILIDAD EN SITIOS WEB
La evaluación de la usabilidad durante el desarrollo, puesta en línea
y seguimiento de sitios Web reporta importantes beneficios y
ahorros tanto económicos como en tiempo para obtener productos
que resulten de mayor utilidad, tanto para los usuarios como para
quienes desarrollan los sitios, como por ejemplo:
Para los usuarios:
 Menor tiempo requerido para aprender a manejarse por el sitio
Web.
 Mayor rapidez en la ejecución de las tareas.
 Experiencia de uso más satisfactoria.
 Más posibilidades de conseguir los objetivos marcados.
Para las empresas:
 Mayor rapidez en el diseño y producción (ayuda a determinar
la dirección del diseño e identificar los problemas).
 Reducción del costo de trabajos de rediseño posterior,
centrándose en los usuarios durante las fases iniciales de
desarrollo.
 Aumento de la tasa de conversión, en el caso de los sitios de
comercio electrónico, con el consiguiente aumento de las
ventas.
 Aumento de la satisfacción de los usuarios.
 Disminución de costos en la atención al cliente/ayuda.
 Ventaja competitiva apoyándose en la calidad, mayor número
de retención de usuarios, y lealtad de clientes.
 Refuerzo de imagen de marca.
CONCLUSIÓN:
 El diseño de una página web no solo tiene como
cometido presentar buenos contenidos en una
presentación bella, también debe hacer que dichos
contenidos sean fácilmente accesibles por el
público que la visita, una buena navegabilidad
puede ser la diferencia entre tener usuarios
frecuentes o no, es posible que una persona, en el
afán de obtener ciertos contenidos, soporte
algunas peripecias en la web, lo que seguramente
no lograremos con una mala navegabilidad es que
este usuario desee volver a este sitio.

Weitere ähnliche Inhalte

Was ist angesagt?

Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasWeb 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasMaicolSalazar18
 
Arquitectura Multinivel
Arquitectura MultinivelArquitectura Multinivel
Arquitectura Multinivelurumisama
 
Marco Regulatorio del Comercio Electrónico en México
Marco Regulatorio del Comercio Electrónico en MéxicoMarco Regulatorio del Comercio Electrónico en México
Marco Regulatorio del Comercio Electrónico en MéxicoJoel A. Gómez Treviño
 
Modelos de sistemas distribuidos
Modelos de sistemas distribuidosModelos de sistemas distribuidos
Modelos de sistemas distribuidosTensor
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 arley04
 
ingenieria de requerimientos
ingenieria de requerimientos ingenieria de requerimientos
ingenieria de requerimientos Gabriel Garcia
 
Panel de control en access
Panel de control en accessPanel de control en access
Panel de control en accesscajamarcagpaty
 
Middleware en los sistemas distribuidos
Middleware en los sistemas distribuidosMiddleware en los sistemas distribuidos
Middleware en los sistemas distribuidosJC Alca Arequi
 
Tipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasTipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasnicoldayannamalagonb
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
Web 2.0 , Trabajo final UAPA (Infotecnologia para el aprendizaje )
Web 2.0 , Trabajo final UAPA  (Infotecnologia para el aprendizaje ) Web 2.0 , Trabajo final UAPA  (Infotecnologia para el aprendizaje )
Web 2.0 , Trabajo final UAPA (Infotecnologia para el aprendizaje ) OdetteQuelizRosario
 

Was ist angesagt? (20)

Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y DesventajasWeb 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
Web 1.0, 2.0, 3.0 Que es, Caracteristicas, Ventajas Y Desventajas
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Desventajas web 2.0
Desventajas web 2.0Desventajas web 2.0
Desventajas web 2.0
 
Arquitectura Multinivel
Arquitectura MultinivelArquitectura Multinivel
Arquitectura Multinivel
 
Taller #4 web 1.0 2.0 3.0 4.0
Taller #4 web 1.0 2.0 3.0 4.0Taller #4 web 1.0 2.0 3.0 4.0
Taller #4 web 1.0 2.0 3.0 4.0
 
Marco Regulatorio del Comercio Electrónico en México
Marco Regulatorio del Comercio Electrónico en MéxicoMarco Regulatorio del Comercio Electrónico en México
Marco Regulatorio del Comercio Electrónico en México
 
Base de datos distribuidas
Base de datos distribuidasBase de datos distribuidas
Base de datos distribuidas
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Organizador grafico
Organizador graficoOrganizador grafico
Organizador grafico
 
Modelos de sistemas distribuidos
Modelos de sistemas distribuidosModelos de sistemas distribuidos
Modelos de sistemas distribuidos
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
ingenieria de requerimientos
ingenieria de requerimientos ingenieria de requerimientos
ingenieria de requerimientos
 
Requerimientos funcionales 2
Requerimientos funcionales 2Requerimientos funcionales 2
Requerimientos funcionales 2
 
Panel de control en access
Panel de control en accessPanel de control en access
Panel de control en access
 
Middleware en los sistemas distribuidos
Middleware en los sistemas distribuidosMiddleware en los sistemas distribuidos
Middleware en los sistemas distribuidos
 
Tipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasTipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus características
 
La web 5.0
La  web 5.0La  web 5.0
La web 5.0
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Web 2.0 , Trabajo final UAPA (Infotecnologia para el aprendizaje )
Web 2.0 , Trabajo final UAPA  (Infotecnologia para el aprendizaje ) Web 2.0 , Trabajo final UAPA  (Infotecnologia para el aprendizaje )
Web 2.0 , Trabajo final UAPA (Infotecnologia para el aprendizaje )
 

Ähnlich wie Accesibilidad y usabilidad de la web

Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laurainformatica4
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webguest8b219d
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webqweos
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptxAngel Perez
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMorkai
 
Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert Arevalo
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolioEnrique Reyes
 
Accesibilidad web2013
Accesibilidad web2013Accesibilidad web2013
Accesibilidad web2013a23234sdfsdf
 

Ähnlich wie Accesibilidad y usabilidad de la web (20)

Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laura
 
Accesibilidad
AccesibilidadAccesibilidad
Accesibilidad
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Accesibilidad y usabilidad
Accesibilidad y usabilidadAccesibilidad y usabilidad
Accesibilidad y usabilidad
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Este
EsteEste
Este
 
Sergio alexis guerrero portafolio
Sergio alexis guerrero portafolioSergio alexis guerrero portafolio
Sergio alexis guerrero portafolio
 
Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolio
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
 
Accesibilidad rd
Accesibilidad rdAccesibilidad rd
Accesibilidad rd
 
Accesibilidad web2013
Accesibilidad web2013Accesibilidad web2013
Accesibilidad web2013
 

Mehr von paoloarevaloortiz (20)

Crear una empresa
Crear una empresaCrear una empresa
Crear una empresa
 
Consigna u ii
Consigna u iiConsigna u ii
Consigna u ii
 
Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
 
Preguntas emprendimiento
Preguntas emprendimientoPreguntas emprendimiento
Preguntas emprendimiento
 
Preguntas Unidad II
Preguntas Unidad IIPreguntas Unidad II
Preguntas Unidad II
 
Exposiciones
ExposicionesExposiciones
Exposiciones
 
Factores de mercado
Factores de mercadoFactores de mercado
Factores de mercado
 
Escribir personajes
Escribir personajesEscribir personajes
Escribir personajes
 
Stopmotion
StopmotionStopmotion
Stopmotion
 
Consigna stop motion
Consigna stop motionConsigna stop motion
Consigna stop motion
 
Creacion personajes
Creacion personajesCreacion personajes
Creacion personajes
 
Color
ColorColor
Color
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
 
Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2
 
Guion
GuionGuion
Guion
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Tipos de animacion
Tipos de animacionTipos de animacion
Tipos de animacion
 
ganancia de punto
ganancia de puntoganancia de punto
ganancia de punto
 
Acerca del reventado
Acerca del reventadoAcerca del reventado
Acerca del reventado
 
Muaré
MuaréMuaré
Muaré
 

Kürzlich hochgeladen

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 

Kürzlich hochgeladen (20)

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 

Accesibilidad y usabilidad de la web

  • 2. INTRODUCCIÓN La Web desempeña un papel cada vez más relevante como medio de obtención de información en diversos ámbitos de la sociedad actual, por lo que garantizar un acceso universal y eficiente a la información es un auténtico reto para los desarrolladores. La accesibilidad y usabilidad son pilares fundamentales para conseguir esta máxima.  Accesibilidad. Posibilidad de que un sitio Web pueda ser visitado y utilizado de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones personales que tengan o de las derivadas de su entorno.  Usabilidad. Establece las condiciones que maximizan la efectividad, eficiencia y satisfacción con que un usuario utiliza un sitio web.
  • 3. ACCESIBILIDAD Por accesibilidad se entiende la posibilidad de que un producto o servicio Web pueda ser accedido y usado, de forma independiente de las limitaciones propias del individuo o de las derivadas del contexto de uso. Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área.
  • 4. Dentro de las limitaciones propias del individuo puede haber deficiencias visuales, auditivas, motrices, cognitivas y de lenguaje, pero también puede tener limitaciones derivadas del contexto de uso y del dispositivo de acceso empleado (hardware y/o software), como puede ser el idioma, la experiencia o conocimientos previos. Por ejemplo Comparten el mismo problema de visualización los usuarios con visión reducida y los que, sin padecer discapacidad visual, utilizan pantallas pequeñas o accedan desde entornos llenos de humo.
  • 5. ¿PARA QUÉ SIRVE?  La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo será tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no estén disponibles, etc.).
  • 6. ¿CÓMO FUNCIONA? Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG), cuya función principal es guiar el diseño de páginas Web hacia un diseño accesible, reduciendo de esta forma barreras a la información. WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores. Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.
  • 7.  Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.  Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.  Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información. Mas información AQUÍ
  • 8. LIMITACIONES Las limitaciones en la accesibilidad de los sitios Web pueden ser:  Visuales: En sus distintos grados, desde la baja visión a la ceguera total, además de problemas para distinguir colores (Daltonismo).  Motrices: Dificultad o la imposibilidad de usar las manos, incluidos temblores, lentitud muscular, etc, debido a enfermedades como el Parkinson, distrofia muscular, parálisis cerebral, amputaciones...  Auditivas: Sordera o deficiencias auditivas.  Cognitivas: Dificultades de aprendizaje (dislexia, discalculia, etc) o discapacidades cognitivas que afecten a la memoria, la atención, las habilidades lógicas, etc.
  • 9. RECOMENDACIONES PARA ACCESIBILIDAD WEB  Todos los elementos visuales, imágenes o animaciones, deben contar con una descripción de su función.  Incluir subtítulos y transcripciones de los sonidos, y descripciones de los videos.  Usar texto que tenga sentido cuando se lea fuera de contexto.  Aplicar una apropiada organización de la página; usar encabezados, listas y estructura consistente; usar tablas solo para presentar datos tabulares, así como hojas de estilo en cascada donde sea posible.  Dar alternativas accesibles a los scripts, applets y plug-ins para los casos en que las características activas sean inaccesibles o no soportadas.  Hacer las tablas de manera que se puedan leer línea por línea, y añadir un resumen.
  • 10. NIVELES DE ACCESIBILIDAD  El “World Wide Web Consortium” (W3C) es una organización internacional fundada en octubre de 1994, que agrupa a más de 350 organizaciones en todo el mundo, y tiene la finalidad de desarrollar especificaciones, guías, software y herramientas para que las tecnologías Web sean compatibles entre sí.  En el caso de la accesibilidad Web ha desarrollado la primera versión de las guías de contenido accesible en Web, donde establece tres niveles de calificación de accesibilidad para los sitios.  Estas guías (Web Content Accessibility Guidelines 1.0) y la calificación de accesibilidad para los sitios se pueden consultar en el sitio Web de la W3C.
  • 11. BENEFICIOS  Aumenta el número de potenciales visitantes de la página web: esta es una razón muy importante para una empresa que pretenda captar nuevos clientes. Cuando una página web es accesible no presenta barreras que dificulten su acceso, independientemente de las condiciones del usuario.  Disminuye los costes de desarrollo y mantenimiento: aunque inicialmente aprender a hacer una página web accesible supone un coste (igual que supone un coste aprender a utilizar cualquier tecnología nueva), una vez se tienen los conocimientos, el coste de desarrollar y mantener una página web accesible es menor que frente a una no accesible.  Reduce el tiempo de carga de las páginas web y la carga del servidor web: al separar el contenido de la información sobre la presentación de una página web mediante CSS se logra reducir el tamaño de las páginas web.
  • 12. USABILIDAD Usabilidad es un término adaptado de la palabra en inglés “usability”, para indicar que algo se puede usar, la usabilidad se refiere al alcance en el que un producto puede ser utilizado por usuarios específicos para alcanzar metas específicas con efectividad, eficiencia y satisfacción en un contexto específico de uso. Que un producto sea usable implica que:  Pueda ser utilizado en forma adecuada, eficiente y satisfactoria por la mayoría de los posibles usuarios.  Sea tan fácil de aprender a usar que no requiere manuales.  Pueda ser utilizado por personas con diferentes habilidades o discapacidades.  Cualquier persona, sin importar su edad o cultura, pueda usarlo.  Evita que el usuario cometa errores.
  • 13. Cuando nos referimos específicamente a un sitio Web o sistema usable, nos interesa que sea:  Amigable con el usuario.  Fácil de usar.  Fácil de aprender.  La interacción con el sistema debe ser acorde con las habilidades, capacidades y  costumbres del usuario para procesar la información, para lo que se necesita conocer al grupo de usuarios y aplicando técnicas de Diseño Centrado en el Usuario.  La norma ISO 13407 indica que el diseño centrado en el usuario se caracteriza por:  Involucrar activamente a los usuarios. Un claro entendimiento de los requerimientos del usuario y la tarea final.  Una adecuada distribución de las funciones entre los usuarios y la tecnología.  Iteración de soluciones de diseño.  Diseño multidisciplinario.
  • 14. PRINCIPIOS GENERALES Existen diversos principios y guías para hacer sitios Web usables, entre las que podemos destacar: Anticipación  El sitio Web debe anticiparse a las necesidades del usuario. Autonomía  Los usuarios deben tener el control sobre el sitio Web.  Los colores no deben dificultar el acceso a los usuarios con problemas de distinción de colores. Consistencia  Las aplicaciones deben ser consistentes con las expectativas de los usuarios y con su aprendizaje previo.  Los sitios Web se deben centrar en la productividad del usuario, no en la del propio sitio Web.
  • 15. Reversibilidad  Se debe permitir deshacer las acciones realizadas; cuando el usuario comete un error, el sistema ha de solucionar el problema, o sugerir soluciones posibles, y no sólo informar del error.  A menor distancia y mayor tamaño para alcanzar un objeto con el mecanismo de interacción hay más facilidad para usarlo.  Reducción del tiempo de espera e informar al usuario del tiempo pendiente para la finalización de la tarea. Aprendizaje  Los sitios Web deben requerir un mínimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento.  El uso adecuado de metáforas facilita el uso y aprendizaje de un sitio Web.  Protección del trabajo de los usuarios; los usuarios no deben perder su trabajo como consecuencia de un error.
  • 16. Legibilidad  El color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser adecuado.  Seguimiento de las acciones del usuario. El conocer y almacenar información sobre su comportamiento previo le permite realizar operaciones frecuentes de manera más rápida.  Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, como los menús desplegables o indicaciones ocultas.  Los usuarios no deben sufrir sobrecarga de información. Cuando un usuario visita un sitio Web y no sabe donde comenzar a leer, existe sobrecarga de información.
  • 17. MÉTODOS DE PRUEBA Y EVALUACIÓN DE USABILIDAD Entre los métodos de prueba y evaluación de usabilidad para sitios Web se puede mencionar:  La observación de campo, que se aplica especialmente en el análisis de tareas y en la etapa final del proyecto, e incluso durante su implementación.  Para la observación de campo se recomienda que se realice para tres usuarios como mínimo.  Grupos de enfoque, que son aplicables especialmente en las etapas de análisis de tareas y determinación de requerimientos. Se recomienda que el número de usuarios sea de seis a nueve en cada grupo.  Evaluación heurística, aplicable al inicio del diseño, durante las interacciones del proceso de diseño y en la etapa anterior a la puesta en línea. No requiere de la participación de usuarios ya que la realizan expertos.  Grabación de entradas, de gran utilidad durante las pruebas finales y estudios de seguimiento. Se recomienda que participen por lo menos veinte usuarios.
  • 18. BENEFICIOS DE LA EVALUACIÓN DE USABILIDAD EN SITIOS WEB La evaluación de la usabilidad durante el desarrollo, puesta en línea y seguimiento de sitios Web reporta importantes beneficios y ahorros tanto económicos como en tiempo para obtener productos que resulten de mayor utilidad, tanto para los usuarios como para quienes desarrollan los sitios, como por ejemplo: Para los usuarios:  Menor tiempo requerido para aprender a manejarse por el sitio Web.  Mayor rapidez en la ejecución de las tareas.  Experiencia de uso más satisfactoria.  Más posibilidades de conseguir los objetivos marcados.
  • 19. Para las empresas:  Mayor rapidez en el diseño y producción (ayuda a determinar la dirección del diseño e identificar los problemas).  Reducción del costo de trabajos de rediseño posterior, centrándose en los usuarios durante las fases iniciales de desarrollo.  Aumento de la tasa de conversión, en el caso de los sitios de comercio electrónico, con el consiguiente aumento de las ventas.  Aumento de la satisfacción de los usuarios.  Disminución de costos en la atención al cliente/ayuda.  Ventaja competitiva apoyándose en la calidad, mayor número de retención de usuarios, y lealtad de clientes.  Refuerzo de imagen de marca.
  • 20. CONCLUSIÓN:  El diseño de una página web no solo tiene como cometido presentar buenos contenidos en una presentación bella, también debe hacer que dichos contenidos sean fácilmente accesibles por el público que la visita, una buena navegabilidad puede ser la diferencia entre tener usuarios frecuentes o no, es posible que una persona, en el afán de obtener ciertos contenidos, soporte algunas peripecias en la web, lo que seguramente no lograremos con una mala navegabilidad es que este usuario desee volver a este sitio.