Post en mi cuenta de Linkedin
https://www.linkedin.com/pulse/mostrarocultar-la-contrase%25C3%25B1a-y-sugerencias-de-alvaro-domingo-zurdo
martes, 23 de marzo de 2021
lunes, 15 de marzo de 2021
Evitar los asteriscos en los formularios
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).
·
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 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
Suscribirse a:
Entradas (Atom)