miércoles, 22 de diciembre de 2021

La necesidad de la accesibilidad en nuestra vida diaria

 

comercio electrónico con un ordenador y un teléfono

El hecho es que la accesibilidad nos beneficia a todos y no solo afecta a "esa persona" en el departamento.

Si no fuera por "esa persona" en silla de ruedas que necesitaba un ascensor para llegar a los pisos superiores, todos seguiríamos subiendo escaleras. Si no fuera por "esa otra persona" que necesitaba que sus dispositivos pasarán de texto a voz los contenidos, ninguno de nosotros podría pedir nada a Alexa o preguntarle a Siri sobre el tiempo que hará hoy Todos nos beneficiamos de la accesibilidad digital. Es personal, pero para algunos, es esencial.

El artículo "5 razones por las que priorizar la accesibilidad web es bueno para su negocio"; incorporar la accesibilidad al comienzo de un proceso de desarrollo o rediseño es significativamente más fácil y menos costoso que hacer mejoras al contenido existente.

¿Qué es el "contenido accesible" que preguntas? A menudo les digo a la gente que me pregunta,1º que el contenido accesible significa que es contenido POCR.

P = Perceptible

O = Operable

C = Comprensible

R = Robusto.

En pocas palabras, esto significa que la mayoría de su audiencia puede:

·       Percibir toda la información presentada,

·       Operar todas las funciones,

·       Comprender no solo la información presentada, sino también cómo navegarla

·       (R) pueden trabajar con tecnologías de asistencia.

Microsoft encargó un estudio de impacto económico que encontró que la implementación de un diseño web accesible minimiza el abandono del sitio por parte de los usuarios. Esto "resulta en un estimado adicional de 2.4 millones de dólares en ingresos anuales para Microsoft". En pocas palabras, cuantas más personas permanezcan en su sitio web, más dinero ganará.

jueves, 9 de diciembre de 2021

ARIA in HTML ya es una recomendación (por lo tanto especificación) del W3C

 


Ya que ARIA a 9 de diciembre de 2021 pasa a ser una recomendación del W3C, es bueno recordad las 5 recomendaciones.

Regla 1: No uses ARIA, usa un elemento o atributo HTML nativo.

INCORRECTO

<div role="button">Click aquí</div>

Los botones HTML son ejecutables (con teclado y ratón), pueden tener foco, y los lectores de pantalla los reconoce como botones.

CORRECTO

<button>Click aquí</button>

Regla 2: No cambies la semántica nativa, a menos que realmente lo necesites hacer.

INCORRECTO

<h2 role="tab">AREA 1</h2>

Los títulos no deberían tener el atributo role="tab". Para eso deberemos usar otro elemento como un <div>.

CORRECTO

<div role="tab">

  <h2>AREA 1</h2>

</div>

Regla 3: Todos los controles interactivos de ARIA deben poder utilizarse con el teclado.

Tenemos que recordar que entre los usuarios de nuestro sitio web se encuentran usuarios con discapacidad visual, y que habitualmente esos usuarios navegarán por nuestro sitio web usando el teclado (gracias a sus software de lectura de pantalla). Si alguno de los controles interactivos no es accesible mediante teclado, esos usuarios no podrán clicar en los botónes, o introducir datos en el formulario.

Regla 4: No uses role=“presentation” o aria-hidden=“true” en elementos que requieran foco.

Si en nuestro sitio web tenemos algún elemento que requieran foco, por ejemplo, botones o campos de un formulario, no deberemos usar los atributos role="presentation o aria-hidden="true".

Si usamos cualquiera de esos atributos en un elemento HTML, ese elemento no podrá tener foco y serán omitidos en una navegación usando el teclado. Deberemos usar esos atributos para elementos como un gráfico decorativo o iconos, en los que no queremos que el usuario pueda hacer foco.

INCORRECTO

<button aria-hidden="true">Click aquí</button>

CORRECTO

<img src="./icon.png" alt="Icono de una papelera" aria-hidden="true" />

Regla 5: Todos los elementos interactivos deben tener un nombre accesible.

Cualquier elemento interactivo de nuestro sitio web, por ejemplo, un botón o un campo en un formulario, solo tendrá un nombre accesible si su propiedad de nombre accesible de API de accesibilidad (o equivalente) tiene un valor.

 

INCORRECTO

<html>

  <form>

    ...

    <label>Nombre</label>

    <input type="text" />

    ...

  </form>

</html>

Pero un lector de pantalla no sabrá como relacionar la etiqueta con el campo, ya que no tiene un nombre accesible, y no están relacionadas de ningún modo. En el siguiente ejemplo podemos ver la forma correcta de hacerlo, usando el atributo id="username" en el campo y el atributo for="username" en la etiqueta. De esta manera estarán relacionadas, y el lector de pantalla podrá identificarlos juntos.

CORRECTO

<html>

  <form>

    ...

    <label for="username">Nombre</label>

    <input id="username" type="text" />

    ...

  </form>

</html>

viernes, 3 de diciembre de 2021

Reconocimiento de voz para discapacitados

 

 

logotipo de las personas con discapacidad

Las personas que tienen paraplejia, tetrapléjico, tienen un brazo o uso limitado de sus brazos debido a la osteoartritis o la artritis pueden usar el reconocimiento del habla. Algunas personas utilizan software de reconocimiento de voz combinado con otras tecnologías de asistencia, como dispositivos de conmutación o teclados ergonómicos.

Las personas con limitaciones temporales pueden volver al reconocimiento de voz cuando sea necesario. Esto incluye a las personas con afecciones como la lesión por esfuerzo repetitivo (RSI) o el túnel carpiano y las personas con una muñeca rota o fracturada o tendinitis.

CÓMO FUNCIONA EL RECONOCIMIENTO DE VOZ

El reconocimiento de voz utiliza una combinación de reconocimiento automático de voz (ASR) y procesamiento de lenguaje natural (NLP) para convertir palabras y oraciones habladas en texto o comandos procesables.

UTILIDADES

El reconocimiento de voz es útil para las personas con limitaciones situacionales que dificultan o imposibilitan el uso de un teclado, un mouse o gestos táctiles. Esto incluye el uso del reconocimiento de voz en teléfonos y asistentes de voz para buscar información al cocinar o conducir un automóvil.

ENTRENAMIENTO

Cuando se utiliza el reconocimiento de voz, puede llevar tiempo entrenar el software para que reconozca su voz con precisión. También es esencial tener un micrófono de buena calidad que pueda captar claramente lo que dices.

NAVEGACIÓN CON RECONOCIMIENTO DE VOZ

Además de dictar texto, completar formularios y abrir y cerrar aplicaciones, puede navegar por la web y controlar completamente los sitios web con comandos de voz.

ERRORES CÓMUNES

Las cosas pueden volverse más complejas dependiendo de qué tan bien esté diseñado. Si hay varios enlaces en la misma página con el mismo texto de enlace, el software no sabrá en qué enlace hacer clic.

Los botones deben tener etiquetas visibles para que puedan activarse. Las etiquetas en el código fuente deben coincidir con su presentación visual,

RESUMEN

Las personas discapacitadas temporal o permanentemente afectadas por una discapacidad, usan el reconocimiento de voz como una alternativa al uso de un teclado, mouse o gestos táctiles. Es utilizado por personas con discapacidades físicas, limitaciones de destreza, cognición y discapacidades de aprendizaje.

El software de reconocimiento de voz utiliza algoritmos para identificar los idiomas hablados y seguir los comandos verbales.

El software de reconocimiento de voz depende de la calidad del diseño y el código utilizado para crear la aplicación o el contenido web.

miércoles, 17 de noviembre de 2021

Evitar las trampas de teclado

 

Persona rellenando un formulario


Las trampas de teclado son un problema especialmente importante. Las pautas de accesibilidad al contenido web (WCAG) son el estándar internacional para la accesibilidad digital, y el marco WCAG proporciona información detallada para crear un mejor contenido. Aquí está el texto completo del criterio 2.1.2, "evitar las trampas de teclado"

Si una persona accede al contenido web solo con un teclado (sin un mouse, pantalla táctil u otro dispositivo periférico), debería poder navegar completamente por el contenido. No deberían quedar "atrapado" en un determinado campo, pero desafortunadamente, las trampas de teclado son un problema común para los sitios web con elementos interactivos complejos.

Un vistazo más de cerca a cómo las trampas de teclado afectan la experiencia en la página.

·       Las trampas de teclado impiden que las personas completen los procesos

Este es un ejemplo típico de cómo se produce: un desarrollador agrega un formulario a una página web. La página utiliza Javascript, y el desarrollador ha hecho un mal uso de los eventos onBlur, onChange u onFocus; estos eventos están destinados a mejorar la experiencia del usuario al solicitar cambios cuando el usuario ingresa información o interactúa con el contenido de otra manera.

Si el usuario no introduce información en un campo de formulario y, a continuación, navega al siguiente, es posible que no pueda volver al campo de formulario anterior para introducir información.

El JavaScript mal implementado lo ha bloqueado en un solo campo de formulario y no pueden navegar.

Escapar de una trampa de teclado puede ser difícil, especialmente si el sitio tiene otros problemas de accesibilidad. Algunos usuarios con condiciones relacionadas con la movilidad pueden tener acceso a emuladores de mouse, que se pueden operar con un teclado o un monitor de mirada. Sin embargo, los desarrolladores no deben exigir a los usuarios que cambien de su método preferido de navegación, y WCAG específicamente dice que una trampa de teclado sigue siendo una "trampa" si el visitante debe usar un emulador de mouse para escapar.

·       Las trampas de teclado requieren una corrección inmediata

Si su contenido tiene una trampa de teclado, no se puede considerar razonablemente accesible. La navegación por teclado es un componente fundamental de la accesibilidad, y si la navegación por teclado no es posible, su sitio debe abordar el problema lo más rápido posible.

·       Las trampas de teclado pueden crear barreras en docenas de escenarios, que incluyen:

 

Los usuarios que acceden a tu contenido con lectores de pantalla. Los lectores de pantalla están diseñados principalmente para la navegación por teclado, y los usuarios con discapacidades relacionadas con la visión esperan que los sitios web funcionen con su software de lector de pantalla.

Los usuarios con discapacidades relacionadas con la movilidad pueden preferir acceder a su sitio con un teclado. Si bien un usuario aunque pueda operar con un ratón, es posible que prefiera no hacerlo: es posible que no pueda usar el ratón con un alto nivel de precisión, y los teclados ofrecen una experiencia de navegación más natural.

Muchas personas que no viven con discapacidades prefieren la navegación por teclado. Los comandos del teclado pueden ofrecer una navegación más rápida; si bien estos usuarios pueden sentirse menos frustrados por las trampas de teclado, ciertamente reconocerán el problema.

Los desarrolladores deben probar todo el contenido con comandos básicos de teclado. Esto es especialmente importante cuando se utilizan aplicaciones de terceros, si el contenido de terceros no se ajusta a WCAG, busque una alternativa.

·       Pruebe su sitio web para identificar trampas de teclado

La forma más sencilla de encontrar trampas de teclado es navegar por su sitio web sin un mouse. Utilice la tecla "Tab" para navegar hacia adelante y el comando "Shift-Tab" para navegar hacia atrás. Para los formularios, intente dejar ciertos campos en blanco mientras rellena otros campos. Asegúrese de que puede identificar fácilmente el elemento gracias a el foco.

lunes, 15 de noviembre de 2021

Actualidad de las WCAG 2.2 y las WCAG 3.0

 

Icono de aceptación de las pautas WCAG

A día 15/11/2021 las WCAG 2.1 contiene las recomendaciones oficiales. Si bien WCAG 2.2 y 3.0 incluyen nuevas directrices, todavía son borradores y pueden cambiar significativamente antes de la publicación oficial.

Cada documento tiene su propio calendario de publicación:

  •        Los autores planean publicar WCAG 2.2 en los próximos meses. El lanzamiento se planeó inicialmente para fines de 2021, pero WCAG 2.2 puede convertirse en una guía oficial a principios de 2022. En el momento de escribir este artículo, la versión más reciente del borrador de trabajo de WCAG 2.2 se publicó el 21 de mayo de 2021.
  •       El W3C no ha anunciado una fecha de publicación prevista para WCAG 3.0.

Te puedes preguntar, ¿por qué el W3C está trabajando en dos versiones de WCAG a la vez? En resumen, los documentos tienen plazos muy diferentes. Como una revisión importante del marco WCAG, la versión 3.0 probablemente requerirá muchos borradores de trabajo y un período más largo para la participación del público. El objetivo es hacer que el próximo conjunto de estándares WCAG sea más flexible.

Una distinción importante es que un sitio web que cumpla con los criterios de éxito en WCAG 2.2 puede considerarse razonablemente accesible para la mayoría de los usuarios, y la versión oficial de WCAG 3.0 no cambiará eso.

Los sitios web que siguen WCAG 2.2 (o versiones anteriores) estarán bien posicionados para obtener la conformidad con WCAG 3.0. Muchas de las pautas son esencialmente idénticas, pero la escala de calificación propuesta por WCAG 3.0 cambiará la forma en que los sitios web miden su accesibilidad, Actualmente WCAG 2.1 se dividen en tres niveles de cumplimiento: A, AA y AAA. Los sitios que cumplen con todos los criterios A o AA generalmente se consideran lo suficientemente accesibles para los usuarios, El nuevo modelo de conformidad, introducido en el borrador de trabajo de las Directrices de Accesibilidad 3.0 del W3C,reemplazaría el sistema actual de criterios de aprobación / reprobación por nuevos resultados basados en puntuaciones. (medallas de oro, plata o bronce).

WCAG 2.2. Se espera que en ellas se agregue nuevos criterios de éxito, pero es totalmente compatible con WCAG 2.1 y 2.0.

viernes, 18 de junio de 2021

Apuntes de la ley europea de accesibilidad (CEA)

 

Es importante que la industria editorial se prepare para junio de 2025, La ley europea de accesibilidad (CEA) es una directiva de la UE que establece objetivos de accesibilidad que deben cumplir muchos tipos diferentes de productos y servicios para reforzar los derechos de las personas con discapacidad. La Directiva se está incorporando actualmente a las legislaciones nacionales y será aplicable a partir del 28 de junio de 2025: a partir de entonces, todos los productos y servicios vendidos a los ciudadanos deben ser accesibles (excluidas las microempresas y algunos tipos de publicaciones complejas). Es relevante para la industria editorial, ya que incluye libros electrónicos, software de lectura dedicado, dispositivos de lectura electrónica y sitios de comercio electrónico. En la CEA los editores deben producir sus publicaciones digitales en un formato accesible y toda la cadena de suministro (minoristas, sitios de comercio electrónico, soluciones de lectura de hardware y software, plataformas en línea, soluciones DRM, etc.) debe poner el contenido a disposición de los usuarios a través de servicios accesibles, comunicando claramente las características de accesibilidad para que cualquier usuario pueda utilizarlas con autonomía.

Actualmente, en la industria editorial existen estándares, como EPUB para la producción de libros electrónicos, así como ONIX y Schema.org para metadatos, que ya son ampliamente adoptados por todos los interesados de la cadena de suministro en todo el mundo. Esas normas permiten también la producción y distribución de publicaciones accesibles.

En cuanto a los sitios web, las aplicaciones y el comercio electrónico ya están adoptando estándares del W3C que están en línea con los requisitos de accesibilidad de las CEA y con la norma armonizada de la UE la EN 301 549 V.3.2.1. (mayo del 2021)

CUMPLIMIENTO POR PARTE DE LOS EPUB LOS REQUISITOS DE LA LEY EUROPEA DE ACCESIBILIDAD

En el mundo editorial, EPUB es hoy en día el formato más utilizado a nivel internacional por las editoriales para crear libros electrónicos y distribuirlos. Además, el formato EPUB3 es particularmente accesible porque se basa en una plataforma web abierta. Emplea un conjunto de tecnologías utilizadas para crear sitios web (incluyendo HTML, CSS, XML), e incorpora todas las características de accesibilidad, gracias a la colaboración activa en la redacción del Consorcio DAISY, una organización especializada en la accesibilidad de contenidos de publicación digital.

El formato EPUB incluye todas las características necesarias para una persona con una discapacidad pueda acceder al texto impreso convencional. Al mismo tiempo, también puede ser útil para las personas con otras discapacidades y para el público en general. De acuerdo con los requisitos de las CEA del anexo I. Su interoperabilidad le permite ser reconocido tanto por dispositivos de lectura de consumo como por equipos dedicados a personas con discapacidad. Además, los libros electrónicos en formato EPUB se pueden reproducir automáticamente, reproducciones de video con subtitulado, transcribir en braille, los textos se pueden ampliar y ajustar a la hora de su lectura. También permite la personalización gráfica completa del contenido (contraste, color de fondo…), de acuerdo con las necesidades del usuario, y puede aprovechar las etiquetas semánticas avanzadas (roles ARIA, etc.) para el beneficio de los lectores ciegos.

EPUB Accessibility 1.1 define dos niveles de accesibilidad (A, AA). Pero para que un EPUB cumpla con CEA, no es suficiente alcanzar el nivel A, ya que son necesarios algunos requisitos del nivel doble A (por ejemplo, en lo que respecta al cambio de tamaño del texto y el contraste de color adecuado).

En cuanto al formato MOBI, el formato utilizado por Amazon, vale la pena señalar que la compañía que solía interferir en el formato de libros electrónicos como EPUBs , para distribuirlos en su formato propietario, esto cambiara pues ha anunciado recientemente a la industria editorial que, a partir del 28 de junio de 2021, ya no interferirá en los formatos de las editoriales obligando su propio formato de archivos de libros electrónicos (MOBI, PRC, AZK), recomendando proporcionar el formato EPUB en su lugar.

En cuanto a los PDF, el formato es ampliamente utilizado para la publicaciones digitales, especialmente en el sector editorial académico y profesional. Las publicaciones en este formato se pueden producir con etiquetas y, por lo tanto, ser accesibles a las personas ciegas; pero también es preciso conocer que en algunos casos, pueden ser difíciles de usar para las personas que tienen baja visión.

viernes, 14 de mayo de 2021

Cumpla la ley y dejaré de ser disminuido

Iconos de diferentes discapacidades entre ellas física,psiquica,motriz


 Me alegro mucho por las personas que consideran una gran victoria que retirarán de la constitución  la palabra “disminuido” pero lo que a mí personalmente cómo Alvaro Domingo es que se cumpla la legislación en materia de accesibilidad, yo soy de los tu cúmplela y luego me llamas cómo quieras. Yo lo que deseo es compra un billete, realizar mi compra web sin problemas, no preguntar si esté banco es su portal accesible o no. El 20 de mayo es el día de la concienciación de la accesibilidad, ojala no hiciera falta esté día.

miércoles, 14 de abril de 2021

Video de Xbox Adaptive Controller

 Me gusta ver los avances de Microsoft para hacer la vida más llevadera a los que padecemos una discapacidad, el jugar es una buena terapia que sube el animo y te sociabiliza



martes, 23 de marzo de 2021

MOSTRAR/OCULTAR LA CONTRASEÑA Y SUGERENCIAS DE CONTRASEÑA

Post en mi cuenta de Linkedin 

Ver y ocultar contraseña


https://www.linkedin.com/pulse/mostrarocultar-la-contrase%25C3%25B1a-y-sugerencias-de-alvaro-domingo-zurdo

lunes, 15 de marzo de 2021

Evitar los asteriscos en los formularios

 

formulario con asterico en rojo para señalar obligación


Voy a intentar explicar porque usar un asterisco en un formulario no es la mejor forma de comunicar que un campo es obligatorio, voy a dar dos motivos pero puede no ser  insuficientes para ti.

·       Primer motivo color.

Todas las personas no perciben los colores de la misma forma. Aproximadamente el 8% de los hombres y el 0.5% de las mujeres se ven afectados por algún tipo de ceguera al color.  Un tipo es la Deuteranopia (ceguera de color rojo-verde) es la forma más común de ceguera de color. Dichos usuarios tienen dificultades para interactuar con la IU que usa solo el color para transmitir el significado (por ejemplo, usa el color rojo para avisar de que un campo  es necesario).

""


fomulario de pago con asteriscos en rojo que no se aprecia la difencia si padeces problemas de color
Cómo se puede comprobar en las imágenes anteriores, las personas que padecen Deuteranopia pueden confundirse.

·       Segundo motivo, desconocimiento

Un  punto que poca gente entiende, la accesibilidad web tiene cómo una premisa que la web llegue al mayor numero de personas y me voy a poner cómo ejemplo. Mis abuelos, unas personas que no han nacido conociendo los entresijos de la web, que en su vida han comprado en la web que desconocen el  lenguaje de redes sociales. Se encuentran por primera vez con un formulario de compra y ven que al final de cada campo existe un asterisco *, ellos desconocen el significado, para ellos es solo eso un asterisco.

Por ello lo adecuado desde un punto de vista usable y accesible es añadir en paréntesis que significa ese asterisco. (obligatorio), (opcional), (requerido).

Existe una premisa en la accesibilidad web: Lo que para ti puede ser evidente para otras personas no.

 

 


lunes, 8 de marzo de 2021

Drupal 9 y la accesibilidad

 

Drupal 9 y la accesibilidad


Drupal 9 se lanzó el 9 de junio del 2020 según Dries Buytaert, fundador de Drupal y líder del proyecto: "El gran problema de Drupal 9 es ... que no debería ser un gran problema".

Los puntos clave de Drupal 9 son:

·       Compatible con versiones anteriores. Cuando se lanzó inicialmente Drupal , Dries Buytaert no estaba a favor de preservar la 'compatibilidad con versiones anteriores'. ...

·       Rendimiento más rápido y mejor. ...

Debes tener presente que Drupal 10 está previsto para 2022.

La actualización de Drupal 10 será una actualización fácil para los usuarios de Drupal 9, y solo requerirá un poco de atención adicional al código

Drupal es posiblemente el gestor de contenidos más centrado en la accesibilidad, para ella existe una serie de módulos que debes tener presentes para la accesibilidad.

Automatic Alternative Text

El módulo utiliza la  API de servicios cognitivos de Microsoft Azure  para generar un texto alternativo para las imágenes cuando el usuario no ha proporcionado ningún texto alternativo.

Nota: La inteligencia artificial y el reconocimiento de imágenes pueden ser beneficiosos, pero no pueden reemplazar lo que ve el autor. Lo que una computadora ve en una imagen rara vez será lo mismo que lo que el autor quiere mostrar con esa imagen.

https://www.drupal.org/project/auto_alter

A11Y: Form helpers

Agrega mensajes de error legibles. Y permite que los campos de formulario utilicen atributos de autocompletar, para el llenado previo de los datos del formulario por parte del navegador. Algo muy importante para las personas con discapacidad intelectual.

https://www.drupal.org/project/a11y_form_helpers

Block ARIA Landmark Roles

Inspirado en Block Class, este módulo agrega elementos adicionales a los formularios de configuración de bloques que permiten a los usuarios asignar un rol de referencia ARIA a un bloque.

https://www.drupal.org/project/block_aria_landmark_roles

 

Más información: https://www.nomensa.com/blog/2010/what-are-wai-aria-document-landmark-roles

CKEditor Abbreviation

Agrega un botón a CKEditor para insertar y editar abreviaturas. Si se selecciona una etiqueta abbr existente, el menú contextual también contiene un enlace para editar la abreviatura.

https://www.drupal.org/project/ckeditor_abbreviation

CKEditor Accessibility Auditor

Integración simple para CKEditor para ejecutar HTML_CodeSniffer Accessibility Auditor en el código fuente del contenido actualmente en el editor.

Los resultados se muestran inmediatamente en un modal. Estos se pueden navegar dentro del modal y mostrarán detalles sobre el error específico, los criterios de éxito relevantes y las técnicas sugeridas, y el código que desencadenó el error.

https://www.drupal.org/project/ckeditor_accessibility_auditor

Editoria11y (accesibilidad editorial) es un verificador de accesibilidad que aborda tres necesidades críticas para los autores de contenido:

·       Se ejecuta  automáticamente (como el corrector ortográfico): los usuarios no necesitan recordar presionar un botón o visitar un tablero.

·       Se centra exclusivamente en problemas de contenido : cosas que el autor de la página puede comprender y corregir fácilmente, como elementos alternativos, estructura de tablas y listas y esquemas de página.

https://www.drupal.org/project/ckeditor_accessibility_auditor

 

Fluidproject UI Options

Las opciones de interfaz de usuario de Fluidproject proporcionan opciones de accesibilidad para que los usuarios modifiquen el tamaño de fuente, la altura de la línea, el estilo de fuente, el contraste y el estilo de enlace de una página.

https://www.drupal.org/project/fluidui

 

 

High contrast ewn versión (beta)

Proporciona una solución rápida que permite al usuario cambiar entre el tema activo y una versión de alto contraste.

https://www.drupal.org/project/high_contrast

htmLawed

 

El módulo htmLawed utiliza la biblioteca PHP htmLawed para restringir y purificar HTML para cumplir con la política y los estándares del administrador del sitio y por seguridad. El uso de la biblioteca htmLawed permite un control altamente personalizable del marcado HTML.

https://www.drupal.org/project/htmlawed

 

HTML Purifier

HTML Purifier es una biblioteca de filtros HTML compatible con los estándares. HTML Purifier no solo eliminará todo el código malicioso (más conocido como XSS) sino que también se asegurará de que sus documentos cumplan con los estándares, algo que solo se puede lograr con un conocimiento integral de las especificaciones del W3C.

https://www.drupal.org/project/htmlpurifier

 

Siteimprove

Proporciona información reveladora que le permite al desarrollador y a su equipo crear contenido de mayor calidad, generar un mejor tráfico, medir el rendimiento digital y trabajar hacia el cumplimiento normativo, todo desde un solo lugar.

https://www.drupal.org/project/siteimprove

 

Style Switcher

Permite a los visitantes del sitio web elegir con qué hoja de estilo les gustaría ver el sitio. Este módulo presenta todos esos estilos a los visitantes del sitio como una lista de enlaces en un bloque. Por lo tanto, cualquier visitante del sitio puede elegir el estilo del sitio que prefiera. El módulo utiliza cookies para que cuando las personas regresen al sitio o visiten una página diferente, sigan obteniendo el estilo elegido.

https://www.drupal.org/project/styleswitcher

 

Text Resize

El módulo Text Resize proporciona a sus usuarios finales un bloque que se puede utilizar para cambiar rápidamente el tamaño de fuente del texto en su sitio Drupal. El bloque incluye dos botones que pueden aumentar y disminuir el texto impreso en la página. Este módulo se centra en aumentar la accesibilidad de sus páginas, ayudando a los usuarios con discapacidad visual a ajustar el tamaño del texto para que sea más cómodo para su vista.

https://www.drupal.org/project/text_resize

 

Civic Accessibility Toolbar

La barra de herramientas de accesibilidad cívica proporciona un bloque con utilidades de accesibilidad para ayudar a los usuarios a cambiar entre las versiones del tema con mayor contraste de color y cambiar el tamaño de fuente del texto.


Todos los tamaños de fuente del tema deben usar unidades rem o em, para que la utilidad de cambio de tamaño de fuente funcione.

https://www.drupal.org/project/civic_accessibility_toolbar

 

miércoles, 17 de febrero de 2021

¡Desplazamiento infinito y accesibilidad! ¿Tiene algo de bueno?

Usuarió realizando scroll


Deseaba conocer si el scroll podía ser accesible pues mi intención era aplicarlo en mi web y me puse a buscar para investigar en Google (fuente de sabiduría). Lo que encontré me cambió de opinión y creo que el desplazamiento infinito es malo para las personas con discapacidad y para una amplia variedad de usuarios.

¿Qué es Infinite Scroll?

El desplazamiento infinito es una técnica de diseño web que carga contenido continuamente a medida que el usuario se desplaza hacia abajo en la página, eliminando la necesidad de paginación. El éxito del desplazamiento infinito en sitios de redes sociales como Twitter ha hecho que esta técnica sea popular, pero eso no significa que también tengas que hacerlo en tu diseño (si el vecino se tira por la ventana ¿tú lo harías?).

Si bien ARIA1.1 introdujo el rol Feed que permite un desplazamiento infinito accesible para los usuarios de lectores de pantalla, la lectura de publicaciones en varios blog que encontré cómo  ¿Crees que has construido un buen desplazamiento infinito?  De Adrian Rosell me cambió la opinión.

¿Dónde es problemático?

Los sitios web con desplazamiento infinito siguen obteniendo información de una base de datos y cargándola continuamente, creando así una página sin fin tipo Facebook. Este tipo de interacción también ha sido implementado por varios otros sitios de redes sociales, como Twitter, Pinterest o Tumblr. Este comportamiento de interacción puede crear un efecto visualmente atractivo, especialmente para sitios con muchas imágenes y es agradable de usar en dispositivos con pantalla táctil. Sin embargo, a menudo puede tener una influencia negativa en el diseño UX.

 

¿Por qué afecta al diseño UX?

Hoa Loranger, explica que el desplazamiento sin fin tiene consecuencias psicológicas que pueden dañar la experiencia del usuario mientras que la paginación les da control a los usuarios, ya que pueden encontrar fácilmente algo que vieron anteriormente o continuar a la página siguiente. también sirve como un indicador de cuánto material queda por revisar. Si bien las barras de desplazamiento muestran la cantidad de contenido disponible e indican al usuario dónde se encuentra en la página, pueden generar confusión en una página con desplazamiento infinito.

Conclusión

En unos puntos te menciono los motivos porque tienes que evitar el scroll.

1. El pie de página se vuelve inutilizable

Las personas entienden y esperan que en el pie de página existán enlaces a información secundaria importante. El desplazamiento infinito significa que el contenido recién cargado sigue empujando el pie de página fuera de nuestro alcance.

2. El rendimiento se ve afectado

Si utiliza el desplazamiento infinito en una página larga, está cargando constantemente más y más contenido en la memoria. Esto tendrá un impacto negativo en el rendimiento de la página, ya que el navegador tiene mucho más trabajo que hacer para representar la página.

3. Las personas pueden sufrir dudas.

Con páginas muy largas, las personas pueden sentirse paralizadas por la cantidad de contenido y opciones; el desplazamiento infinito puede causar pasividad y tasas de clics más bajas.

4. La barra de desplazamiento se vuelve inutilizable.

La barra de desplazamiento inevitablemente se vuelve pequeña y difícil de usar. Es difícil colocar el mouse en la barra de desplazamiento. Peor aún, la barra de desplazamiento les juega una mala pasada a los usuarios, ya que muestra la longitud de la página de manera inexacta: la barra de desplazamiento estará cerca de la parte inferior y, de repente, cuando los elementos se carguen, saltará y revelará que ahora hay más contenido para desplazarse. Es cruel decirle a la gente que casi terminan cuando no lo están.

lunes, 1 de febrero de 2021

Diseñando para la ansiedad

 

Chica con ansiedad mirando la pantalla del ordenador


Los esfuerzos del grupo de trabajo de accesibilidad para discapacidadescognitivas y de aprendizaje de la WAI-W3C tienen como objetivo abordar esta falta de investigación para ayudar mejor a los usuarios con estrés, ansiedad y depresión..

Pero a pesar de no mencionar explícitamente los trastornos de ansiedad y pánico, las Pautas de accesibilidad al contenido web (WCAG) 2.1 aún incluyen una serie de criterios de éxito que pueden ayudar a las personas con estas discapacidades.

Los siguientes consejos pueden ayudar a abordar las preocupaciones planteadas por personas con trastornos de ansiedad y pánico.

Para el reloj

Una forma de evitar la sensación de urgencia que provoca ansiedad y que provocan ciertos sitios web y aplicaciones es eliminar los límites de tiempo o los temporizadores de cuenta atrás, y a la vez dar a los usuarios el tiempo suficiente para completar cómodamente sus tareas. Netflix brinda la opción para deshabilitar el temporizador de cuenta atrás del próximo episodio. Aplicando correctamente el criterio de éxito de WCAG 2.1 2.2.1: Tiempo ajustable requiere que los sitios permitan a los usuarios apagar, ajustar o extender los límites de tiempo, y también 2.2.6: Tiempos de espera asegura que los usuarios estén al tanto de los tiempos de espera.

Un cambio reciente en Skype evita que las alertas de nuevos mensajes sean menos intrusivas y exigentes en favor de notificaciones más sutiles. El CEO de Skype lo promociono con estas palabras “ahora tiene un ícono que se ilumina en rojo con un mensaje nuevo, en lugar de hacer ruidos”.

 

Gestionar expectativas

Esto se puede explicar mejor con los formularios en línea, donde los usuarios tienden a sentirse abrumados cuando hay demasiados campos de información o cuando algo comienza a sentirse demasiado complicado o complejo. Se puede evitar "simplificando los formularios, manteniéndolos agradables y claros, usando términos fáciles de entender y sin que suceda demasiado en la página".

Una serie de criterios de éxito de WCAG 2.1, como 3.3.2 Etiquetas o instrucciones y 1.3.5: Identificar el propósito de entrada , fomentan la claridad en los formularios, mientras que otros, como 3.2.3 Navegación coherente y 3.2.4 Identificación coherente , promueven una y una experiencia de usuario más agradable.

El principio de diseño inclusivo ser coherente también aboga por el uso de patrones bien establecidos y convenciones familiares.

Eliminar (o aplicar) la fricción

La fricción en el diseño de UX se refiere a cualquier cosa que impida a los usuarios realizar una tarea. La sensación de impotencia que pueden provocar los sitios web y las aplicaciones a menudo puede deberse a fricciones innecesarias, como hacer que la opción de cancelar una suscripción o desactivar la cuenta sea demasiado difícil de encontrar.

Ciertamente, poner la información importante al principio y facilitar que los usuarios encuentren lo que deseen, evitara  una ansiedad innecesaria. El principio de diseño inclusivo priorizar contenido también recomienda priorizar las tareas centrales, las características y la información dentro del contenido y el diseño, mientras que dar control fomenta la noción de que "las personas deberían poder acceder e interactuar con el contenido de la forma que prefieran".

 

Sin embargo, empoderar a los usuarios y darles control puede consistir tanto en aplicar fricciones como en eliminarlas. Estas recomendaciones introducen pequeños obstáculos en los viajes de los usuarios, pero que posiblemente se compensan con la tranquilidad y la comodidad que brindan a los usuarios ansiosos.

Se realista

En un sitio web, aparéce cómo titular una noticia esperada, el usuario sorprendido accede para informarse  porque han captado su atención y acaba hablando de otro asunto que  no tiene nada que ver con el titular de la noticia.

Lamentablemente, el potencial de obtener ganancias a través de los titulares de clickbait  es poco probable que desaparezcan pronto. Como desarrolladores y diseñadores de UI / UX, debemos ser conscientes de esas técnicas oscuras y debemos hacer todo lo posible para evitarlas.

Nota: la ansiedad es una condición psicológica compleja. El tratamiento de la ansiedad diagnosticada clínicamente puede tomar varias formas y no intento presentar estas recomendaciones como una cura para la ansiedad. Más bien, los ofrecemos como una forma de ayudarlo a mejorar la experiencia del usuario al identificar y reducir situaciones innecesarias que provocan ansiedad.

CONSEJOS

·       Dé a los usuarios el tiempo suficiente para completar una acción.

·       No apresure a los usuarios ni establezca límites de tiempo poco factibles.

·       Explique lo que sucederá después de completar un acto.

·       No deje a los usuarios confundidos sobre los próximos pasos.

·       Aclare la información importante.

·       No deje a los usuarios inseguros sobre las consecuencias de sus actos.

·       Brinde a los usuarios la ayuda que necesitan para completar una acción.

·       No dificulte el acceso a la ayuda.

·       Deje que los usuarios comprueben sus respuestas antes de enviarlas. 

miércoles, 20 de enero de 2021

La accesibilidad en la vida diaria

 Los que trabajamos en el mundo de la informática caemos en el error de pensar que la accesibilidad es un tema solo de personas discapacitadas sin caer  en la cuenta de que nosotros mismos somos discapacitados. Dos actores muy reconocidos cómo Gabino diego o Tom Cruise han reconocido ser disléxicos, Mark Elliot Zuckerberg uno de los fundadores de la red social Facebook tiene problemas de  visión a los colores por ello el logo de Facebook tiene un azul particular, son personas que no entran en el canón de personas discapacitadas pero que han sabido sacar provecho a su limitación. 

Cuando estamos en un acto o sitio donde no queremos molestar, ponemos el modo vibración del móvil y no hemos caído que ese modo se creó para las personas con discapacidad auditiva, el pomo de puerta que su diseño en los 60 era redondo pero en los 70 añadieron un asa y dejó de ser tan inaccesible para cuando tienes las manos húmedas. El usar estas soluciones no te hace ser discapacitado solo que hemos tomado por normal en tu vida diaria la accesibilidad.

Escritorio de trabajo en casa con un ordenado, cafe y bloc de notas


Se debe tener presente que cuando hablamos de accesibilidad que España es un país puntero a la hora de crear legislación pero colista a la hora de aplicarla, se trabajó en materia de accesibilidad en materia de espacios públicos (exceptuando los cines que acabas con torticolis pues las butacas están en primera fila)  pero el salto a material digital es un pasó pendiente.

Se debe tener presente unas simples normas, las pautas creadas por la WAI un grupo creado por la W3C  y que está centrado en la accesibilidad web, aunque con el crecimiento de los dispositivos móviles han comenzado a introducir pautas específicamente para ellos. La idea del WAI es relativamente simple, no puedes tener 156 normas de accesibilidad para 156 países, lo mejor es tener una sola norma que afecte a los 156 países.

El cumplir con las pauta WCAG del WAI no solo implica estar en ley sino que vas a potenciar la imagen de tu empresa. Las personas somos cómodas y tendemos a ir a sitios donde nos es fácil. Un ejemplo claro es el portal de compras on-line Amazon, su teoría es muy simple facilitarte la compra, en 3 clic encontrar lo que buscas, desplegar el menú principal solo con señalarlo, marcar con foco los botones de cierre de pestañas, simplificar el numero de campos de formulario…. Y un largo etcétera. La idea que nos tiene que calar es que la accesibilidad aporta sustanciales beneficios económicos.

Un gran error que cometen las empresas es solicitar crear dos webs, una “normal” y otra de solo texto, donde se cree que es la forma más simple de hacer una web accesible, eso aparte de ser un gasto descomunal es un gran error, pues se está discriminando a cierta parte de la sociedad.

Cómo he citado al inicio de esté articulo existe personajes públicos que de lejos se les puede tomar por discapacitados pero que precisan de que los colores, textos o subtítulos para su vida diaria, también que con pequeños ajustes los artilugios que en principio eran inaccesibles pasaron a ser accesibles. Las webs, app y el código que solicitan las empresas tenemos que exigirnos que sean accesibles pues sin nosotros saberlo estaremos ayudando sin saberlo.


domingo, 10 de enero de 2021

Símbolo de la ONU sobre accesibilidad

 

Cambio del simbolo universal referente a la discapacidad
La ONU quiso actualizar en 2015 el simbolo universal de la discapacidad, un símbolo solo es un símbolo lo uimportante es que se cumpla la ley