viernes, 29 de junio de 2018

Mediaset España 8 años liderando la inaccesibilidad web

Mediaset España 8 años liderando la inaccesibilidad web

portada de Mediaset

Supongo que lo harán porque no es rentable tener una web accesible para ellos. ¿los ciegos van a ver un partido de futbol?, ¿los videos de campañas 12 meses 12 causas para que hacerlos accesibles, total son para lavarnos la imagen? ¿Por qué tener una web accesible, total solo estamos en el IBEX35?, son muchas incógnitas, pero me duele que una empresa privada presuma de ayudar a los desfavorecidos y las personas sordas o invidentes no puedan acceder a todos los contenidos.

video de fundacion del año por 12 meses 12 causas

Existen dos errores que me han llamado la atención, han diseñado la portada de su web sin ningún encabezado, ni h1,h2,h3…..¡nada!, supongo  que el CMS que han usado y modificado no tenia y para que complicarse, usamos estados Aria y solucionado, total somos Mediaset.

Pantallazo para comunicarte la falta de encabezados

La gran mayoría conocemos que su ojito estrella es Telecinco la perla de la corona que retransmite el mundial de Rusia y que tiene contenidos más o menos rigurosos o éticos, por eso me llama la atención que los enlaces de la web apenas se distingan si tienes un problema de visión algo casi común en los espectadores de Sálvame.

enlaces de la web de mediaset con y sin problema de vision


Supongo que les dará igual este comentario que lo importante es que los accionistas al fin del ejercicio tengan beneficios, pero a mí lo que me da pena es la gente que les sigue. Yo personalmente antepongo a las personas a los beneficios económicos la gente tendrá que meditar ese aspecto antes de creer que, porque creen el proyecto de 12 meses 12 causas, no significa que sean una empresa preocupada por los desfavorecidos.


jueves, 28 de junio de 2018

Demostración Screen Reader

La fundación Esther Koplowitz la pantalla de FCC


La fundación Esther Koplowitz la pantalla de FCC

portada de la web de la fundación Esther Koplowitz


El día 17/06/2018 en mi entrada de blog FCC la hipocresía ensu web entré a mirar la web de La Fundación Esther Koplowitz y solo estoy diciendo lo que encontré, me alegra mucho la idea de que una asociación supla lo que tendría que cubrir el estado pero como me educaron a mi nadie dá duros a pesetas, sino es lavado de imagen es motivo fiscal. Me alegro profundamente por las asociaciones de personas discapacitadas. Afandice, AFAP, ANDE, ATIPADACE –FUNDACIÓN BOBATH, CAMF, Federación Española de Síndrome de Down, FundaciónACIDH – INTELIGENCIA LÍMITE, Fundación Prójimopróximo. Pero también tendrían que ser solidarias con otras discapacidades como la discapacidad auditiva, supongo como agradecimiento se prestaron a gravar un video, pues muchos de esos videos tienen música, no están subtitulados ni transcritos. Un aspecto muy importante para las personas con discapacidad cognitiva pues así pueden asimilar el contenido acorde a su comprensión.
video del padre Ángel en la fundación Esther Koplowitz

No me gusta ser cruel ni mal pensado, pero si se ha dejado llevar por los expertos de la web de FCC mal va aconsejada, lo primero tendría que preguntarles ¿porque no es bueno iniciar un video automáticamente?, en la portada lo hacen.

codigo fuente donde se inserta el video

Supongo que tendrían prisa por publicar los videos que se olvidaron observar que se salen de la galería y invade los enlaces.

Video fuera de la galeria de videos


miércoles, 27 de junio de 2018

Como usa un ciego su Iphone

FCC la hipocresía en su web

FCC la hipocresía en su web


Lamento decir esto, pero en la web de FCC se están riendo en nuestra cara sobre todo de los discapacitados, según palabras de ellos.
En su página sobre accesibilidad dicen. Las páginas de este sitio web han sido desarrolladas cumpliendo el Nivel AA según la Norma UNE 139803:2004, que a su vez se basa en las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C.
Todos los requisitos de Prioridad 1 y Prioridad 2 han sido comprobados por analistas expertos en accesibilidad a través de análisis manuales de la accesibilidad, complementados a través de diferentes herramientas semiautomáticas, agentes de usuario y ayudas técnicas.
Como he dicho muchas veces todo el mundo tiene derecho a ganarse el pan, pero no lo veo licito que sea a costa de mentir, me agradaría conocer a esos que se denominan expertos pues la norma UNE 139803:2004 se sustituyó por la Norma UNE 139803:2012. Requisitos de accesibilidad para contenidos en la Web la cual se basa en las pautas WCAG 2.0,la cual es la que rige en España, lo peor y según sus palabras la web fue revisada el Noviembre de 2017.sino me fallan los datos la Norma UNE 139803:2012 se publicó el BOE n. 237 de 2/10/2012 ósea ya han tenido tiempo de modificarlo y cómo siempre te dejan la reseña de si tienes algún problema que les escribas ¿para qué están sus expertos?
Supongo que sus expertos se habrán dado cuenta que los videos publicados en su canal de YouTube no son muy accesibles, el que más me llamó la atención es el de los niños el de. Descubre la desalación con Glu glu , sobre todo si el niño es discapacitado y con deficiencia auditiva que no tienen derecho.pues los subtitulos no comunican lo real.
Video de la desalización con Glu Glu con subtitulos irreales


martes, 26 de junio de 2018

Sabadell la inaccesibilidad esta en el IBEX 35


Sabadell la inaccesibilidad esta en el IBEX 35

Portada de la web del banco Sabadell

Yo y alguna persona con discapacidad o clientes mayores del banco Sabadell estaremos preguntándonos, ¿con tanto dinero que tienen y no se preocupan de la accesibilidad? Tengo que reconocer que desde el 16 de septiembre del 2010 han realizado ajustes pero desde la primera pagina que pusieron hasta la que hoy esta publicada no se hace mención alguna a la accesibilidad, ¿para qué?, ¿Por qué nos obliga la ley 56/2007 de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información? Da igual somos un banco y si nos multan pedimos un rescate y punto.

Banco Sabadell el 30/12/2010

Lo que me llamó la atención es la tabla que han creado para validarse como cliente.
Tabla de acceso para los clientes del banco Sabadell


<form name="myFormNew" method="post" action="/txbs/LoginDNI.doLogin.bs" autocomplete="off" class="" style="border-bottom:none;">
<input type="hidden" name="pin"/>
<input type="hidden" name="language" maxlength="3" size="15" value='CAS'/>
<input type="hidden" id="signTextId" name="signText" value=""/>
<input type="hidden" id="msgLoginId" name="msgLogin" value="PERTaWduYXR1cmVDbGllbnQtT3BlcmF0aW9uPkdlbmVyaWNTaWduPC9EU2lnbmF0dXJlQ2xpZW50
LU9wZXJhdGlvbj48RFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0ZXIgbmFtZT0iRGF0YSI+MTE5MjYw
Njc2NTY3MDwvRFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0ZXI+PERTaWduYXR1cmVDbGllbnQtUGFy
YW1ldGVyIG5hbWU9IlNpZ25hdHVyZVR5cGUiPlN0YW5kYXJkPC9EU2lnbmF0dXJlQ2xpZW50LVBh
cmFtZXRlcj48RFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0ZXIgbmFtZT0iUHJvdmlkZXIiPjwvRFNp
Z25hdHVyZUNsaWVudC1QYXJhbWV0ZXI+PERTaWduYXR1cmVDbGllbnQtUGFyYW1ldGVyIG5hbWU9
IkFwcGxpY2F0aW9uIj5CUzwvRFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0ZXI+PERTaWduYXR1cmVD
bGllbnQtUGFyYW1ldGVyIG5hbWU9Ik5vQ2VydGlmaWNhdGVzVVJMIj4vdHhicy9zdGFydC5pbml0
LmJzPC9EU2lnbmF0dXJlQ2xpZW50LVBhcmFtZXRlcj48RFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0
ZXIgbmFtZT0iSWRpb21hSUQiPjE8L0RTaWduYXR1cmVDbGllbnQtUGFyYW1ldGVyPjxEU2lnbmF0
dXJlQ2xpZW50LVBhcmFtZXRlciBuYW1lPSJJZ25vcmVUb2tlbiI+ZmFsc2U8L0RTaWduYXR1cmVD
bGllbnQtUGFyYW1ldGVyPjxEU2lnbmF0dXJlQ2xpZW50LVBhcmFtZXRlciBuYW1lPSJJbWFnZUdy
YWRpZW50ZSI+L2czcmVwb3NpdG9yeS9HRU4vTE9HT19CU19MT0dPQlMuR0lGPC9EU2lnbmF0dXJl
Q2xpZW50LVBhcmFtZXRlcj48RFNpZ25hdHVyZUNsaWVudC1QYXJhbWV0ZXIgbmFtZT0iTG9nb1By
b3ZpZGVyVVJMIj4vZzNyZXBvc2l0b3J5L0dFTi9MT0dPX0JTX0xPR09CUy5HSUY8L0RTaWduYXR1
cmVDbGllbnQtUGFyYW1ldGVyPg=="/>
<input type="hidden" id="signLoginId" name="signLogin" value="MIID/AYJKoZIhvcNAQcCoIID7TCCA+kCAQExCzAJBgUrDgMCGgUAMAsGCSqGSIb3DQEHAaCCAtIw
ggLOMIICN6ADAgECAhA1vxLflU/sDO6wvIXk+791MA0GCSqGSIb3DQEBBQUAMDoxEzARBgNVBAoT
CmUteHRlbmRub3cxIzAhBgNVBAMTGmUteHRlbmRub3cgQ2xhc3MgMyBDQSB0ZXN0MB4XDTAzMTEy
NzAwMDAwMFoXDTA0MTEyNjIzNTk1OVowfjETMBEGA1UEChQKZS14dGVuZG5vdzEfMB0GA1UECxQW
Rm9yIFRlc3QgUHVycG9zZXMgT25seTETMBEGA1UEAxMKZXh0ZW5kIGdmcDEPMA0GA1UEKhMGZXh0
ZW5kMQwwCgYDVQQEEwNnZnAxEjAQBgNVBAUTCTExMTExMTExSDCBnzANBgkqhkiG9w0BAQEFAAOB
jQAwgYkCgYEA0+gGQVMeNHv7u8Zz8Xly+5+80FwZhX6p9osupPKmoYCr+IB1U03s4LDVZznkR98z
icKJqt3U8evssm6toUhpwfd1dAeOq+UmrKa3Mz3e5WW2FK5rw30sDMpjZSxHDK66z2czJrYVijID
PqfFYUuicUDzcUPNC+JLxJG7q3VUCysCAwEAAaOBkDCBjTALBgNVHQ8EBAMCBaAwCQYDVR0TBAIw
ADBNBgNVHR8ERjBEMEKgQKA+hjxodHRwOi8vcGlsb3RvbnNpdGVjcmwuYWNlLmVzL2V4dGVuZG5v
d0lUQ2xhc3MzL0xhdGVzdENSTC5jcmwwEQYJYIZIAYb4QgEBBAQDAgeAMBEGCmCGSAGG+EUBBgkE
AwEB/zANBgkqhkiG9w0BAQUFAAOBgQBtFWcEumky5yVG9fjrAtpwjWTLGkrOd1zTzc03SvUokJcJ
z9LQvH6iZ0K6Mo1AdX60hJnXskbKWEw93ItvgKsBxf6nUp2CIdj/XOk4KQvzZfrb/9JLtcA2Sfcw
MGeSN+K3DbuNy51kf+LSMK1AwDCEU9OfhOycRkZ0ApEDz9YGFzGB8zCB8AIBATBOMDoxEzARBgNV
BAoTCmUteHRlbmRub3cxIzAhBgNVBAMTGmUteHRlbmRub3cgQ2xhc3MgMyBDQSB0ZXN0AhA1vxLf
lU/sDO6wvIXk+791MAkGBSsOAwIaBQAwDQYJKoZIhvcNAQEBBQAEgYBGY+dR0v+W4LVoVNqJgUgD
uVoX8tNW1wOQOUXi4iVHzcZ+vU7kOZv4gS8W5EJuHQT3U7O/bnhuHL7BputnausEXfsJcqcBJEzS
1RZqpdJFRGHs-wgB20lbvnfOyvb814xq6m9y8tUFwFMhm++VRowAlfHwzxiGvKZP5XH9E6GKOnQ=="/>
<script src="/StaticFiles/GrupoBS/js/AC_OETags.js" type="text/javascript"></script><script src="/StaticFiles/GrupoBS/js/hashtable.js" type="text/javascript"></script><script src="/StaticFiles/GrupoBS/js/rsa.js" type="text/javascript"></script></script><input type="hidden" name="evision.userLang" value=""/><script>
//<![CDATA[
document.myFormNew.elements["evision.userLang"].value = detectLanguage();
//]]>
</script><input type="hidden" name="evision.RSADeviceFso" id="evision.RSADeviceFso" value=""/>
<script language="javascript">
//<![CDATA[
if(typeof getJSESSIONID_JBSWL == 'function'){
document.write("<INPUT TYPE='hidden' name='evision.csid' value='"+ getJSESSIONID_JBSWL() +"'/>");
}
//]]>
</script>
<script language="javascript">
//<![CDATA[
document.write("<INPUT TYPE='hidden' name='evision.deviceTokenCookie' value='"+ getCookie('DeviceTokenCookie') +"'/>");
//]]>
</script>
<script language="javascript">
//<![CDATA[
document.write("<INPUT TYPE='hidden' name='evision.RSADevicePrint' value='" + urlEncode(add_deviceprint()) +"'/>");
//]]>
</script><script language="JavaScript" type="text/javascript">
//<![CDATA[
var flashVars = "field_name=evision.RSADeviceFso&" +
"ip_address=" + ipCliente;
var flashMovie = "/StaticFiles/GrupoBS/flash/pmfso";
if (DetectFlashVer(6,0,0))
{
AC_FL_RunContent('id','flash_id','width', '1','height', '1','movie', flashMovie,'quality', 'high','bgcolor','#FFFFFF','flashVars', flashVars);
}
//]]>
</script>
<div style="width: 200px;height: 14px;font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; color: #000000;padding-top: 30px; padding-left: 30px;">Usuario (DNI)
</div>
<div style="padding-left: 30px;padding-top: 10px;">
<input id="user" style="padding-left: 10px;width: 190px;height: 34px;background-color: #ffffff;border: solid 1px #000000;" maxlength="12" size="11" name="userDNI" tabindex="1" type="text"/>
</div>
<div style="width: 200px;height: 14px;font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; color: #000000;padding-top: 15px; padding-left: 30px;">Contraseña
</div>
<div style="padding-left: 30px;padding-top: 10px;">
<input id="pinPassword" style="padding-left: 10px;width: 190px;height: 34px;background-color: #ffffff;border: solid 1px #000000;" maxlength="12" size="11" name="pinDNI" tabindex="1" onkeypress="validateKeyNew(event)" type="password"/>
</div>
<div id="errorNewLogin" style="padding-top:10px;padding-left: 30px; width: 207px; font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #be0028; display: none;">
</div>
<div style="padding-top:10px;padding-left: 30px; width: 207px; height: 14px; font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #be0028; display: none;">
<a style="text-decoration: none; width: 200px; height: 14px; font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #006dff !important;" href="">&iquest;Tienes problemas para acceder?</a>
</div>
<div style="width: 200px; height: 40px; background-color: #006dff;margin-top: 16px;margin-left: 30px;">
<input id="button1" name="accept" value='Entrar' onclick="return validateNew()" tabindex="3" type="button"/>
</div>
</form>

Todas estas líneas de código HTML y lo más chocante dejan las etiquetas <input> sin asociar.



Yo asumo la dificultad que contrae el crear un formulario de acceso, pero creo yo que han tenido tiempo de hacerlo al no ser que a las contratas o empresas que contratan para hacer su web no sepan hacerlo

lunes, 25 de junio de 2018

Enagas y su buscador WCAG 1.0

Enagas y su buscador WCAG 1.0

portada de la web de ENAGAS

Pocos en España conocemos ENAGAS una empresa que cotiza en el IBEX35 y se denomina según ellos, Enagás es un referente internacional en el desarrollo y mantenimiento de infraestructuras gasistas y en la operación y gestión de redes de gas complejas. Está certificada como TSO independiente por la Unión Europea y desarrolla su actividad en ocho países. Me alegra que tengan certificación TSO ( Transmission System Operator) , porque su web no tiene la  ISO/IEC 40500:2012 y me baso en varios aspectos, no tiene buen contraste de color , por su buscador y por un simple detalle sin importancia se basa en las pautas WCAG 2.0  y como se puede observar en su web se basan en las pautas WCAG 1.0.
sello WCAG 1.0 del portal de ENAGAS


Lo que más me llamó la atención es su buscador , han usado un CMS y se repite en todas las paginas, lo que me llamo la atención es que no se ajusta a la realidad y que viendo el código fuente no está bien desarrollado.

código fuente del buscador donde la etiqueta <label> esta sin asociar


Vamos creó yo que en buscador solo con la etiqueta <label> sin asociarla no es muy correcto.
Lo que más me molesta es que mientras seas o no discapacitado anciano o impedido temporal, tu tienes obligación de pagarles, pero cuando les toca a ellos cumplir con los clientes, accionistas y gobiernos, no lo cumplen, en España tienen que cumplir la UNE.139803:2012 y la legislación 56/20087 pero aquí ellos pasan.
La verdad es peor para ellos porque la primera impresión al ver su web es de una empresa desfasada, ¡vale! Esta en bolsa y es una compañía desde el 2002 en el IBEX 35 pero se han quedado allí.

domingo, 24 de junio de 2018

Hoteles Catalonia y INDRA

Hoteles Catalonia


Como seria normal en las fechas estivales miramos un lugar donde pasar unos días de desconexión, en la búsqueda de esa isla en este ajetreado mundo he ido a parar a la web de hoteles Catalonia ya visualizando la web te imaginas en Barcelona con Cobi en Sevilla conociendo "Triana" o comiendo pescaito frito pero antes  de eso tienes que hacer la reserva y ya para empezar no se piensa en ningún momento en la accesibilidad por no pensar no han puesto un H1 para comenzar, empiezan en H2.


Según he podido comprobar usan un CMS realizado por ¡INDRA¡ahora me va cuadrando todo como ya puse en mi blog INDRA y su inaccibilidad web no me extraña nada, para ellos la accesibilidad se acabó hace mucho. Es frustrante que aún no se den cuenta los hoteles y las empresas de viaje que aparte de estar con la ley están perdiendo ingresos, es desolador encontrarse con hoteles que para decir que cumplen  la ley de accesibilidad crean ” un cuarto de la basura” para decir ya estamos en regla, estoy harto de leer en Twitter de asociaciones, ciudades….Que se reúnen para tratar temas de mejorar la accesibilidad y una  cosa esta clara la casa se comienza desde los cimientos, tener una web accesible  es un buen comienzo mientras están mareando la perdiz.

viernes, 22 de junio de 2018

Minerva actualizada a 22 de Junio del 2018

logo en Google play de Minrtva


Minerva es una aplicación móvil que reconoce diferentes objetos, acciones y escenarios; detecta la moneda de diferentes cuentas de papel; identifica los colores dominantes y objetos; Lee textos a partir de materiales tales como recibos, periódicos, revistas y libros de lectura; reconoce las expresiones faciales y predice la edad de una persona y de género; le informa que la fecha exacta y el tiempo en su ubicación actual; y decodifica los códigos de barras y te dice las etiquetas de los productos.

Hacer el subtitulado facilmente con Microsoft

Alexa Is A Game-Changer For The Blind

jueves, 21 de junio de 2018

a11y-outline - la extensión web para navegar por las páginas fácilmente

a11y-outline

Muchos lectores de pantalla como JAWS o NVDA tienen accesos directos para mostrar una lista de puntos de referencia, encabezados o enlaces. Esta extensión de navegador proporciona la misma funcionalidad sin necesidad de un lector de pantalla.
Esto es principalmente útil para:

  • Desarrolladores web con visión que desean hacerse una idea de cómo los usuarios ciegos pueden experimentar su contenido.
  • Usuarios videntes a quienes les gusta este tipo de navegación.

a11y-outline actualmente solo esta en Firefox pero se puede instalar en Chrome
Extensión a11y-outline

Ejemplo de audio description

Mobility Networks: FlexiWinch - the trusted powered solution to help loa...

Criterio de conformidad 2.5.1 Gestos del puntero de WCAG 2.1

Criterio de conformidad 2.5.1 Gestos del puntero

Toda la funcionalidad que utiliza gestos multipunto o basados ​​en ruta para la operación se puede operar con un solo puntero sin un gesto basado en ruta, a menos que un gesto multipunto o basado en ruta sea esencial .
Así no me quedá muy clara la explicación, intentaré mejorarlá.

Gestos del puntero indica que todas las operaciones deben usar gestos simples que solo necesitan un toque. Los gestos que requieren dos dedos o movimientos complicados pueden ser difíciles de manejar para personas con temblores de manos o movimientos limitados. Los usuarios con dispositivos de entrada alternativos, como un bastón bucal, sip-and-puff o head mouse también se benefician.  Los gestos simples son más fáciles de recordar y usar para alguien con discapacidad cognitiva. Si el sitio o la aplicación utiliza gestos multitáctiles, asegúrese de proporcionar también interfaces simples.

Excepciones

  • Los gestos predeterminados que forman parte del sistema operativo.
  • El acto de deslizar hacia la derecha para avanzar en el contenido.
  • Los gestos de tecnología asistencial tampoco tienen que cumplir este criterio de éxito. Un ejemplo para el lector de pantalla iOS, VoiceOver

Ejemplo


Admite 2 pellizcos con dedos y gestos de zoom, pero también tiene los botones + y - para realizar las mismas acciones de zoom. Los botones + y - son gestos de un solo puntero. La aplicación también admite tocar y arrastrar para desplazarse por el mapa. 

plano topografico de la  comunidad de madrid con funciones de gesto

martes, 19 de junio de 2018

Ley de Accesibilidad de Video y Comunicaciones del Siglo XXI EN USA

Ley de Accesibilidad de Video y Comunicaciones del Siglo XXI EN USA



Mientras en España nos conformamos con presentar un juego accesible, en la otra parte del mundo ya están legislando para que el 1 de Enero del 2019 los videojuegos ya sean accesibles,! cuanto nos queda¡


The CVAA is divided into two broad titles or sections. Title I addresses communications access to make products and services using Broadband fully accessible to people with disabilities. For example, smart phones will be required to be usable by blind and visually impaired people as well as people with hearing aids. Title II of the accessibility act breaks new ground to make it easier for people with disabilities to view video programming on television and the Internet. For example, programs shown on television with captioning will be required to include the captioning when they are re-shown on the Internet. Both titles include provisions to ensure that people with disabilities have access to emergency information such as the next generation of 911 services and emergency information on the television.

Portugal presenta una app de quejas de accesibilidad

Las quejas enviadas a través de la aplicación llegan instantáneamente a los respectivos ayuntamientos y al Instituto Nacional de Rehabilitación, responsables de mantener las leyes de accesibilidad. El proceso toma menos de cinco minutos.

!LO QUE TENEMOS QUE APRENDER¡

Acciona y su sostenibilidad inaccesible

Acciona y su ¿objetivo de desarrollo sostenible?



Logo de objetivos de desarrollo sostenible de Acciona invisible con escala de grises

De las empresas del IBEX 35 pocos desconocemos Acciona, una empresa que crea (o dice) negocio con la creación de energía limpia, pero al crear negocio se olvida de los discapacitados. En sus videos y en su web presume de crear negocio en países en vías de desarrollo como Perú pero se olvida que en el mundo existen millones de personas con discapacidad visual, cómo señalo en la imagen su logo de objetivos de desarrollo sostenibles (para más vergüenza con el logo de la ONU) es inaccesible si sufres una discapacidad visual, es cierto que en las pautas WCAG 2.0 no se tiene que cumplir el criterio de contraste en logos.


1.4.3 Contraste (mínimo): La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: (Nivel AA)

Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño tienen una relación de contraste de, al menos, 3:1.

Incidental: Los textos o imágenes de texto que forman parte de un componente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste.


Logotipos: El texto que forma parte de un logo o nombre de marca no tiene requisitos de contraste mínimo.

Pero ya que estas en el IBEX35 y no creó que te falte dinero y encima estas trabajando codo con codo con la ONU ¿Qué te cuesta crear algo bien?

jueves, 14 de junio de 2018

INDRA y su inaccibilidadweb


¡Gracias a Dios¡ que Indra se dedica a otros sectores diferentes a la accesibilidad web porque si se dedicarán a ello estábamos muy mal. Seguramente estén muy mal de dinero y no les llega para pensar en la accesibilidad web, ¿¡aaa!?¿Que no requiere ningún gasto suplementario? Entonces ¿porque no la aplican? Porque los ricos no se preocupan de esto, lo peor es que crean una página referente a la accesibilidad y dicén.

La accesibilidad en la web posibilita el acceso a la información y a distintos tipos de contenidos dado que reduce de manera notable barreras de tipo físico o técnico.

Desde hace más de una decada se está trabajando en las diversas iniciativas que han ido surgiendo para coordinar las directrices cuyo propósito es mejorar la accesibilidad en la web. Entre todas ellas, destaca la Web Accessibility Initiative (WAI), que forma parte del World Wide Web Consortium (W3C). Esta organización ha desarrollado el Web Content Accessibility Guidelines (WCAG) 1.0 que tiene como objetivo hacer el contenido en la red accesible a personas con discapacidad.

Por ello, uno de los principales objetivos de la web www.indracompany.com es que todos los usuarios puedan navegar por los contenidos de este portal sin dificultades de acceso, con independencia de cualquier discapacidad.

A tal fin, se han estudiado las diversas funcionalidades de este portal para garantizar al usuario el acceso a todos sus contenidos. Entre las principales destacan:

El código HTML y CSS empleado se ajusta a las gramáticas formales para garantizar la correcta visualización de los contenidos en distintos navegadores.
Las características visuales del portal (tipo de letra, tamaño, color de fuente y fondo, etc.) se definen mediante la hoja de estilos para que el usuario pueda ajustar el texto a sus preferencias.
Se ha tenido en cuenta la estructura y la composición semántica del sitio. Por ellos, se ha organizado el contenido de las diferentes plantillas teniendo en cuenta los encabezados de sección, las listas y todos los elementos que ayudan a la comprensión general del sitio.
Se han facilitado alternativas para los contenidos multimedia utilizados en el sitio (video, flash, audio, etc)
Todas las páginas del sitio www.indracompany.com satisfacen todos los puntos de verificación de prioridad 2 (adecuación de nivel AA) definidos en la especificación de Pautas de Accesibilidad al Contenido en la Web (WCAG) por la Iniciativa de Accesibilidad Web (WAI) del World Wide Web Consortium (W3C) a excepción de:

Los documentos PDF´s
Y para algunos de los videos e imágenes
Siendo conscientes de que la mera satisfacción de estos criterios no garantiza por sí sola un acceso fácil a todos nuestros contenidos. Por eso, le invitamos a enviarnos sus comentarios y sugerencias a través de nuestro buzón de correo electrónico.

Con esas letras se han lucido osea tengo que ser yo el que les diga donde está mal, ¿me pagan? Y si  os fijáis dicen Todas las páginas del sitio www.indracompany.com satisfacen todos los puntos de verificación de prioridad 2 (adecuación de nivel AA) definidos en la especificación de Pautas de Accesibilidad al Contenido en la Web (WCAG) y me pregunto WCAG 1.0 2.0 o 2.1,
La verdad no sigo porque decir que un video es inaccesible enciende.


Ya se sabé que está mal el mercado laboral pero ¿trabajar 6 minutos?

Comprendiendo el reflujo en WCAG 2.0

El reflujo en WCAG 2.0


El objetivo de este criterio de conformidad es apoyar a las personas con baja visión que necesitan ampliar el texto y leerlo en una sola columna, para las personas con baja visión, el texto ampliado con reflujo permite la lectura, los agentes de usuario para tecnologías como HTML / CSS, PDF y ePub tienen métodos para reajustar el contenido para que se ajuste al ancho de la ventana, el criterio se cumple siempre y cuando todo el contenido y la funcionalidad estén completamente disponibles, ya sea directamente, o revelados a través de controles accesibles, o accesibles a través de enlaces directos.

MOVIL

El método de diseño de los navegadores más comunes en los sistemas operativos móviles no ofrece reflujo de la misma manera que en los navegadores de escritorio. En estos navegadores, el contenido puede ampliarse de diferentes maneras, por ejemplo, usando un gesto de pellizco para ampliar el contenido, o un doble toque en una columna en particular para llenar el ancho de la ventana gráfica.

miércoles, 13 de junio de 2018

Alsa,me rió de los discapacitados

Alsa,me rió de los discapacitados

Casi todo Español conoce autocares Alsa, sobre todo los que viven en los extrarradios de las grandes ciudades, he ido a mirar la información de una ruta al Escorial y ¡¡¡Zas!!! Han diseñado un menú accesible para usuarios de lectores de pantalla pero ¿y los demás discapacitados?!Aaa¡ que no contamos, muchas gracias por la información y sino es mucho pedir hagan el botón de la ruta con un contraste mejor, solo un poquito en su código CSS tienen una propiedad que lo hace con fondo y fuente más accesible, por favor no se centren solo en ciertos discapacitados visuales, también existimos los que tenemos discapacidad al color.
buscar el mejor precio el la web de Alsa con un contraste nada accesible

Teniendo en cuenta el daltonismo en el diseño UX

Como la mayoría de los discapacitados sabemos (y si no te lo digo yo) hasta que no te toca una discapacidad no reaccionas, eso ocurre con el daltonismo Las estadísticas indican que el daltonismo afecta al 8% de los hombres y al 0,5% de las mujeres a nivel mundial, con alrededor de 2,7 millones de personas que viven en España. Este es un porcentaje sorprendentemente grande de la población cuyas necesidades se pasan por alto con frecuencia, lo que afecta su capacidad para interactuar con numerosos recursos en línea, como mapas, gráficos, formularios de reserva en línea o navegación por la web en general.
Os voy a poner unos simples ejemplos para que toméis conciencia de esta problemática.

Formularios de reserva

Una simple cuestión de elección de color como este pone en riesgo las tasas de conversión, particularmente en el contexto de un formulario de reserva. Una coloración poco clara tiene el potencial de evitar la obtención de datos, ya que los clientes con daltonismo frustrados pueden simplemente abandonar por completo el proceso de reserva.
formulario de horas libres en verde
formulario de horas libres con problema con el verde

Mapas interactivos

Los mapas interactivos son herramientas útiles e informativas que se utilizan para rastrear (a menudo en tiempo real) los cambios en el tráfico, el clima y mucho más. Sin embargo, no siempre están diseñados con usuarios daltónicos en mente. Tomemos este mapa de Google como ejemplo, que permite a las personas verificar las demoras severas (rojas), moderadas (amarillas) y menores (verdes) en su área causadas por las obras.
mapas interactivos de google para informarte del trafico

Al usar color en UX, considere el contraste

Intente evitar ciertas combinaciones de colores en su diseño: rojo y verde, verde y azul, azul y morado y verde y marrón son algunos de los más molestos.

SOLUCIÓN

Para los mapas de datos cuantitativos que tienen un orden, use una paleta ordenada. Si los datos son secuenciales y aumentan o disminuyen continuamente, utilice una rampa de brillo.
información de datos cuantitativos del mapa de usa
Si los datos son divergentes (es decir, los datos se muestran desde cero, o muestran un desvío de un valor de referencia), utilice dos matices de contraste o rampas de brillo pegados.
información de USA con datos son divergentes
Para mapas de datos categóricos sin una orden, use una paleta sin un orden obvio. Asegúrate de que los colores sean fáciles de distinguir y amigables con los colores en la medida de lo posible. Intente evitar el uso de demasiadas categorías, ya que esto puede hacer que los gráficos sean confusos..
Colores para datos categóricos sin una orden
Rueda de color

Introducción al control adaptable de Xvox

martes, 12 de junio de 2018

Crear tablas de datos accesibles.

<table>
    <caption>Monthly Budget</caption>
    <thead>
        <tr>
            <th scope="col">Month</th>
            <th scope="col">Amount Earned</th>
            <th scope="col">Amount Spent</th>
            <th scope="col">Amount Saved</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">January</th>
            <td>$2500</td>
            <td>$1500</td>
            <td>$500</td>
        </tr>
        <tr>
            <th scope="row">February</th>
            <td>$2700</td>
            <td>$1500</td>
            <td>$700</td>
        </tr>
    </tbody>
</table>
Los títulos de las tablas se agregan justo después de la <table>etiqueta de apertura con <caption>
Los encabezados de columna deben marcarse usando scope="col", scope="col"general, va en el <th>elemento.
Los encabezados de fila deben marcarse usando scope="row" scope="row"típicamente se pone en el primero <th>.

Guía visual de narrador de Windows 10

lunes, 11 de junio de 2018

Reykjavik y DIVI tema y pluging de WordPress

Vista preliminar del tema Reykjavik

Reykjavik es un tema de WordPress liviano, rápido y optimizado para SEO, pensado para la accesibilidad, perfecto para su próximo negocio, blog o sitio web de WooCommerce. Con el tema Reykjavik puede personalizar todos los elementos del tema según sus necesidades.

El complemento de WordPress que mejora la accesibilidad de Divi de acuerdo con las directrices de WCAG 2.0. Si bien hay muchos complementos geniales para mejorar la accesibilidad del tema de WordPress, esto se desarrolló para problemas que se encuentran específicamente en Divi.

Mejora la accesibilidad subtitulando

domingo, 10 de junio de 2018

Los chollos de Logitravel no son tan chollo para los discapacitados

pagina de chollos de logitravel
Estoy casi convencido de que todos deseamos viajar, conocer nuevas culturas, conocer otras culturas, por eso estoy casi convencido de que buscamos y rebuscamos el precio más atractivo por ello entramos en buscadores de viajes como Kallak o Longitravel, la idea es pagar poco y disfrutar mucho, ¿pero cómo vas a disfrutar si desde el principio ya te están poniendo dificultades?, solo tenemos que ver la página de chollos de Longitravel han puesto al Sherlock Homes en una viñeta naranja con texto blanco algo infumable para las personas con discapacidad visual a los colores. Esto me lleva a pensar ¿Qué para que tantos congresos de turismo accesible, creación de turismo accesible? Si estamos fallando desde la base, es cómo crear una casa empezando desde el tejado, solo tienen que pensar en que aumentarían sus ventas pensando algo en la accesibilidad y no solo en el márquetin, por cierto sería buena idea que se actualizarán a HTML5.
Sherlock Holmes con una viñeta en naranja con texto en blanco

viernes, 8 de junio de 2018

Live Listen para iPhone

Con Live Listen, su iPhone, iPad o iPod touch se convertira en un micrófono remoto que envíara el sonido a su audífono Made for iPhone. Live Listen puede ayudarlo a escuchar una conversación en una habitación ruidosa o escuchar a alguien hablando en la sala.
A partir de iOS 12, los usuarios con AirPods pueden acceder a la función Live Listen, lo que les permite a los usuarios independientemente de su discapacidad auditiva amplificar los sonidos capturados por el micrófono de su iPhone y enviarlos en tiempo real a sus AirPods.
Si te interesa probar Live Listen hoy con dispositivos auditivos MFi, o más tarde en iOS 12 con AirPods, pueden encontrar la configuración para habilitarlo en  Configuración> General> Accesibilidad> Dispositivos auditivos MFi .


Como han mejorado la accesibilidad en los videojuegos

  

jueves, 7 de junio de 2018

Contraste en el texto

Para cumplir con los criterios de éxito de nivel AA, el texto de menos de 18 puntos (o 14 puntos si está en negrita) debe tener una relación de contraste de 4,5: 1. Todo el texto más grande debe tener una relación de contraste de 3: 1 o superior.

Criterio AAA más estricto, requiere que debajo de 18 puntos (o 14 puntos si es negrita) para exceder una relación de contraste de 7: 1. Todo el texto más grande debe tener una relación de contraste de al menos 4.5: 1.

La relación de contraste por Lea Verou le permite ingresar un color de texto y color de fondo como un nombre de color o un valor de color en hexadecimal (por ejemplo, # 003300) o rgba (por ejemplo, hsla (200, 0%, 0%, 0.5). mostrar texto usando esos valores y calcular un valor de contraste. El botón de valor de contraste mostrará verde, naranja o rojo dependiendo de si el valor es suficiente.
contrast ratio de Lea Verou

martes, 5 de junio de 2018

Recomendación de las pautas WCAG 2.1(05/06/2018)

Se a publicado la recomendación final de las pautas WCAG 2.1  es bueno recordar que no sustitulle las pautas WCAG 2.0 sino que las amplia.
Iconos A,AA,AAA referentes a las pautas WCAG 2.1

Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 cubren una amplia gama de recomendaciones para hacer que el contenido web sea más accesible. Seguir estas pautas hará que el contenido sea más accesible para una gama más amplia de personas con discapacidades, incluyendo adaptaciones para ceguera y baja visión, sordera y pérdida de audición, movimiento limitado, discapacidad del habla, fotosensibilidad y combinaciones de estas, y algunas adaptaciones para problemas de aprendizaje y limitaciones cognitivas; pero no abordará todas las necesidades de los usuarios para las personas con estas discapacidades. Estas pautas abordan la accesibilidad del contenido web en computadoras de escritorio, computadoras portátiles, tabletas y dispositivos móviles. Seguir estas pautas también hará que el contenido web sea más usable para los usuarios en general.

web de la W3C donde se publica las pautas WCAG2.1

lunes, 4 de junio de 2018

Zara y su menú Guadiana

logotipo de zara

Pocos desconocen a don Amancio Ortega una de las mayores fortunas a base de vender ropa sus comienzos vendiendo batas ya están muy lejos tan lejos cómo la accesibilidad de la web de Zara, es cierto que soló es una web de su grandioso imperio,no envidio su riqueza pero me duele y mucho su hipocresia.
He de reconocer que yo no soy muy fanatico de su ropa no asi mis amistades pero viendo su web soy aún si cabe menos seguidor. Habló de un simple error, le he llamado error "Guadiana", porque es un menu que aparece y desaparece con el scroll
menu izquierdo en blanco de la web de zara,es visible

En la imagen superior se puede visualizar el menú de ultima semana, mujer,trf..... se ve mal pero se ve pero hago un poco de scroll y "tachan", parte de el a desaparecido pero sigue hay eso si más reducido solo puedes elegir mujer.

menu izquierdo de la web de zara que desaparece al hacer scroll

Ojala esta queja llegue y se preocupen de mejorar su web, porque personalmente me sienta muy mal que su web en paises que si aplican las leyes de accesibilidad en serio sea diferente, parece que aqui como no importa nada solo vender ropa no existén discapacitados.