Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Usabilidad para personas con daltonismo.

Estas en el tema de Usabilidad para personas con daltonismo. en el foro de Diseño web en Foros del Web. Hola, estoy haciendo una página web para una tarea, está lista, pero tengo que adaptarla para personas con monocromatismo y no se me ocurre cómo ...
  #1 (permalink)  
Antiguo 23/01/2016, 09:46
Avatar de cybernatico  
Fecha de Ingreso: enero-2010
Ubicación: México
Mensajes: 138
Antigüedad: 12 años, 5 meses
Puntos: 6
Usabilidad para personas con daltonismo.

Hola, estoy haciendo una página web para una tarea, está lista, pero tengo que adaptarla para personas con monocromatismo y no se me ocurre cómo hacerlo, qué modificar o qué mas implementar, es una cuestión de usabilidad y me gustaría que me dieran algún consejos, gracias de antemano.
  #2 (permalink)  
Antiguo 23/01/2016, 12:53
Avatar de franciscomarin  
Fecha de Ingreso: junio-2009
Ubicación: Terrassa, BCN, CAT
Mensajes: 2.414
Antigüedad: 13 años
Puntos: 327
Respuesta: Usabilidad para personas con daltonismo.

Normalmente las personas que tienen algún tipo de discapacidad visual ya tienen adaptados sus ordenadores, con lo que tendrán algún programa que ya haga eso por defecto sin necesidad de hacer ninguna modificación en tu web.

A nivel de discapacidad visual lo que si tienes que tener en cuenta es a los lectores de pantalla y poner textos alternativos que de verdad describan a la imagen cuando utilices imágenes, etc.

Hay muchas otras discapacidades para las que si habrá que hacer un retoque a la web, pero el daltonismo sinceramente es algo que no es necesario por que ya tienen software en su ordenador que adapta cualquier página.
  #3 (permalink)  
Antiguo 24/01/2016, 00:42
Avatar de cybernatico  
Fecha de Ingreso: enero-2010
Ubicación: México
Mensajes: 138
Antigüedad: 12 años, 5 meses
Puntos: 6
Respuesta: Usabilidad para personas con daltonismo.

Gracias por responder, es cierto que hay que tomar en cuenta muchas discapacidades visuales, pero en mi caso y para fines de mi tarea necesito hacer que mi página sea accesible para personas con acromatopsia (monocromatismo) específicamente, esto bajo la suposición que no existe el software que mencionas (si se ve desde un dispositivo móvil, por ejemplo.) ¿Algún otro consejo?
  #4 (permalink)  
Antiguo 24/01/2016, 23:09
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 8 años, 7 meses
Puntos: 39
Respuesta: Usabilidad para personas con daltonismo.

Una web accesible e incluyente debes 100pre de probarla con altos niveles de contraste, no hay una herramienta que te permita transformar automaticamente de lo actual a lo accesible, debiste de hacerla desde un principio teniendo esto en mente, ahora no es que no haya una solución, pero no es fácil ya que prácticamente tendrás que hacer cambios fáciles y sutiles, pero puede que sean muchos. El procedimiento sería:
  1. Puedes usar filtros css y colocarle una clase al body: -webkit-filter: grayscale(1);, esto coloca tu website en blanco y negro (incluyendo imágenes) lo que te permite evaluar el contraste entre textos y fondo e imágenes. También puedes hacerlo con photoshop si quieres.
  2. Haz los cambios que fortalezcan los contrastes y fíjate mucho en las imágenes, también podrías mirar los contrastes usando : -webkit-filter: contrast(3) comienza desde el valor 0 y ves subiendo desde el 3.
  3. Eso es todo, son cambios manuales, pero también puedes crear un boton que configure esas cosas, como por ejemplo cambios en los colores principales y secundarios.

Otras cuestiones son en cuanto a diseño, es decir, los siguientes consejos y recomendaciones:
  1. No usar imágenes de fondo en cajas de texto, úsalas si son fondos planos o imagenes muy desenfocadas, pero es mejor que no.
  2. Usa fondos blancos (o escalas de grises muy claros) para elementos donde prime la lectura (ej: articulos) y los enlaces inline o en parrafos debes resaltarlos con algo más que el color. (negrita, bordes, mayuscula, otra fuente, etc)
  3. Los botones (enlaces, submit, buttons) con fondo oscuro y letras blancas.
  4. No uses negro 100% puro en las letras, pero sí un gris oscuro, no uses texto de colores en párrafos largos.
  5. No uses más de 2 colores en la paleta cromática, usa uno con versiones tonales (EJ: verde, verde claro, verde oscuro) y un color complementario al principal, para resaltar cosas (como los enlaces).

Como te digo, debiste pensar en esto desde el principio, porque si no es prácticamente rehacer todo, otra opción es añadir un boton de "activar alto contraste", daltonic friendly o "Ayuda para Daltonicos", en la cual solo cuando se haga clic en el botón se vean los cambios que recomiendo. Espero te ayude, Éxitos.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital
  #5 (permalink)  
Antiguo 26/01/2016, 00:00
Avatar de cybernatico  
Fecha de Ingreso: enero-2010
Ubicación: México
Mensajes: 138
Antigüedad: 12 años, 5 meses
Puntos: 6
Respuesta: Usabilidad para personas con daltonismo.

Exacto, precisamente lo último que mencionas es lo que tenía pensado hacer, gracias por los consejos.

Etiquetas: personas, usabilidad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:28.