Semantic HTML

Firefox obtiene un cambio de pestaña más rápido, una nueva herramienta de accesibilidad para desarrolladores

Por Frederic Lardinois @ fredericl

Primer plano de un panda rojo mirando lejos

Mozilla  lanzó la versión 61 de su navegador Firefox . Por ahora, no es ningún secreto que Firefox vuelve a ser un serio competidor del navegador Chrome de Google y, aunque la nueva versión no ofrece nuevas funciones innovadoras, todas las nuevas mejoras y herramientas de Firefox 61 son buenos ejemplos de por qué Firefox vale la pena intentarlo.

Dos de las nuevas funciones se centran en la velocidad, algo que Firefox estaba faltando por un tiempo, pero ahora ofrece mucho.

El primero de ellos es el calentamiento de pestañas, lo que esencialmente hace que el cambio entre pestañas sea más rápido porque Firefox ya comienza de forma preventiva a cargar una pestaña (después de un pequeño retraso) cuando estás sobre ella. Una vez que hagas clic en esa pestaña, la mayor parte del renderizado ya se habrá realizado, por lo que cambiar entre pestañas ahora parece más rápido.

La otra característica nueva relacionada con el rendimiento es ‘retained display lists.’ Cada vez que Firefox procesa una página, crea una lista de visualización que reúne los elementos de alto nivel como bordes, fondos y texto que deben mostrarse en la pantalla y luego los organiza de acuerdo con las reglas de pintura de CSS. Originalmente, Firefox crearía una nueva lista cada vez que cambiara la pantalla, tal vez porque se desplazó hacia abajo, por ejemplo. Con pantallas de alta resolución y sitios web complejos, ese proceso podría llevar un tiempo (aunque “un tiempo” en este contexto significa 4 o 5 milisegundos). En el transcurso de los últimos meses, el equipo de Firefox ha reconstruido partes de este sistema para garantizar que no sea necesario reconstruir esta lista cada vez, lo que ocasionó una reducción significativa de los tiempos de mostrar la página.

web-page-context-menu

Otra nueva característica importante de Firefox para los desarrolladores es el Inspector de herramientas de accesibilidad, que es parte del conjunto integrado de herramientas de desarrollo en el navegador. La idea aquí es proporcionar a los desarrolladores una visión más clara de cómo el navegador podría exponer información a personas con impedimentos visuales, por ejemplo, para que los desarrolladores puedan asegurarse de que los lectores de pantalla trabajen en sus sitios. Esta herramienta está desactivada de manera predeterminada porque tiene un poco de impacto en el rendimiento y la memoria, pero es lo suficientemente fácil de habilitar en las herramientas de desarrollo.

Puede leer un poco más sobre toda la información que expone aquí .

Como es habitual, hay muchos otros ajustes en esta versión (incluida la capacidad de WebExtensions para ocultar pestañas y una forma más sencilla de agregar motores de búsqueda a la barra de direcciones). Puede encontrar un desglose completo de cada cambio aquí .

 Fuente techcrunch.com

El W3C publica directrices de accesibilidad para el contenido web expandido

logo-w3c

Seyfarth Shaw LLP

Seyfarth Sinopsis : El World Wide Web Consortium acaba de publicar una versión ampliada de las WCAG para agregar 17 requisitos más para abordar las nuevas tecnologías y otras barreras digitales para personas con discapacidades.

El 5 de junio, el cuerpo privado de expertos en accesibilidad web llamado World Wide Web Consortium (W3C) publicó su actualización a las Pautas de Accesibilidad para el Contenido Web 2.0, acertadamente denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG) Nivel 2.1.

WCAG 2.1 es una extensión de WCAG 2.0 que el W3C emitió en 2008. En los últimos años, WCAG 2.0 AA se ha convertido en el conjunto generalmente aceptado de requisitos técnicos para hacer que los sitios web, aplicaciones móviles y otros contenidos digitales sean accesibles para personas con discapacidad . WCAG 2.0 AA es el estándar legal para los sitios web principales de los transportistas aéreos, así como también para los sitios web de las agencias federales.

Cuatro años en desarrollo, WCAG 2.1 “llena las lagunas” en WCAG 2.0 al agregar 17 criterios de éxito adicionalespara abordar barreras de accesibilidad adicionales. Las actualizaciones están relacionadas principalmente con dispositivos móviles (para mantenerse al día con los cambios tecnológicos significativos desde 2008), discapacidades que afectan la visión (como el daltonismo, baja visión y criterios de espaciado de texto y contraste de color sin texto) y discapacidades que afectan la cognitiva función (como el trastorno por déficit de atención y el deterioro cognitivo relacionado con la edad, y los criterios que abordan los tiempos de espera y las animaciones de las interacciones para las convulsiones y las reacciones físicas). El W3C diseñó 2.1 para aplicar ampliamente a diferentes tecnologías web ahora y en el futuro, y para ser probado con una combinación de pruebas automatizadas y evaluación humana. El W3C proporciona una introducción informativa a WCAG aquí .

De acuerdo con el W3C :

“Seguir estas pautas hará que el contenido sea más accesible para una gama más amplia de personas con discapacidades, incluyendo adaptaciones para la ceguera y baja visión, sordera y pérdida de audición, movimiento limitado, discapacidades 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 “.

El WCAG Nivel 2.0 AA ha sido ampliamente considerado el de facto estándar para el acceso al sitio web en los Estados Unidos, a pesar de que el Departamento de Justicia no lo ha adoptado en sus regulaciones de la Ley de Estadounidenses con Discapacidades (ADA) aplicables a los alojamientos públicos. La publicación del W3C de WCAG 2.1 no cambia esa ecuación; simplemente agrega elementos adicionales que las empresas deben abordar para hacer que sus sitios web sean accesibles. 2.1 se basa en 2.0, y aún seguirá los niveles de conformidad A, AA y AAA. Las pocas decisiones judiciales que han emitido una orden que requiere que las empresas ajusten sus sitios web a un estándar de accesibilidad han utilizado WCAG 2.0 AA. Teniendo en cuenta los cambios bastante incrementales en 2.1, esperamos que WCAG 2.1 AA sea el nuevo estándar “de facto”, pero no espere que los tribunales exijan que los sitios web que ya cumplen con 2.0 AA cumplan todos los estándares 2.1 AA de la noche a la mañana.

Más allá en el horizonte está la iniciativa Silver del W3C, que según oímos, volverá a imaginar las pautas de accesibilidad por completo. Sin embargo, no hay necesidad de preocuparse por eso todavía.

Fuente, lexology.com

Apple hace que el currículo de codificación sea accesible para estudiantes sordos e invidentes

Por Swapna Krishna , @ skrishna

Can Code se está implementando en ocho escuelas para comenzar.

Image credit: Apple

Hoy, Apple anunció que se está uniendo con educadores para llevar a Everyone Can Code a las escuelas para las personas sordas, ciegas y que tienen otras necesidades de asistencia. Este otoño, los maestros de ciertas escuelas que prestan servicios a estudiantes con discapacidades comenzarán a incorporar Everyone Can Code en sus currículos de la clase .

“La misión de Apple es hacer que los productos sean lo más accesibles posible”, dijo el gerente general de Apple, Tim Cook, en un comunicado.”Creamos Everyone Can Code porque creemos que todos los estudiantes merecen la oportunidad de aprender el idioma de la tecnología. Esperamos llevar a Everyone Can Code a más escuelas de todo el mundo que atienden a estudiantes con discapacidades”.

A través de Everyone Can Code, Apple espera alentar a los niños a aprender a codificar de una manera fácil y atractiva, sentando las bases para las futuras carreras de STEM. El programa es compatible con VoiceOver, que es una sofisticada tecnología de lectura de pantalla para personas con discapacidades visuales. Al usar esta tecnología basada en gestos, las personas pueden aprender a codificar sin tener que ver realmente la pantalla.

Para los estudiantes con discapacidades auditivas, FaceTime puede capturar expresiones y gestos para que puedan interactuar completamente con el programa. Además, las características como Type to Siri y dispositivos como los audífonos Made for iPhone también pueden ayudar a los estudiantes sordos a utilizar Everyone Can Code.

El lanzamiento de Everyone Can Code para estudiantes sordos y ciegos comenzará en ocho escuelas. Presumiblemente, Apple trabajará con estos educadores para perfeccionar la plataforma antes de que esté disponible más ampliamente. Es un gran paso para la accesibilidad.

Web Captioner, más accesibilidad con subtítulos en tiempo real.

imágen del front de la web de webcaptioner.com

Hace unos días navegando por la Internet encontré esta web que me sorprendió y me prometí que tenía que darla a conocer, estoy seguro que será de gran ayuda para personas que tienen alguna discapacidad visual, motriz, etc.

Pero hablemos francamente, esta aplicación es para todos, ya la probé y puedo decir que es genial, ayuda bastante y aplica a lo que tanto insisto como accesibilidad universal, ayuda a todos, con o sin discapacidad, si tienes alguna discapacidad temporal, y también a cualquier persona que no desea escribir directamente en el teclado, vuelvo a repetirlo es extremadamente genial y espero que les sirva a todos los que leen el blog, difúndalo porque es muy útil.

El site se llama Web Captioner y los ámbitos de uso son innumerables, pruébenla, eso sí, hablen moderadamente y con mucha calma y tranquilidad, no se olviden de configurar el aplicativo web en el idioma nativo que hablan.

¡Nos leemos!

Home de Web Captioner

 

 

Pinterest acaba de rediseñar su aplicación para personas invidentes

Así es como la compañía enfrentó sus propias deficiencias en el diseño inclusivo, y rediseñó su aplicación de forma sistémica para todos.

Así es como la compañía enfrentó sus propias deficiencias en el diseño inclusivo, y rediseñó su aplicación de forma sistémica para todos.
[Foto: cortesía de Pinterest]
POR MARK WILSON

El año pasado, Long Cheng se sentó con un grupo de ingenieros mientras estudiaban a personas usando Pinterest.Para Cheng, diseñador principal de la compañía, este tipo de prueba de usuario era un lugar común. Pero ese día, algo fue diferente. Los evaluadores no eran madres de treinta y tantos, o cualquier demográfica estereotípica aparece en tu cabeza cuando imaginas a uno de los 200 millones de usuarios dePinterest . Eran personas con una variedad de deficiencias visuales, desde la degeneración macular hasta la ceguera completa. Y Cheng quería ver qué tan bien podrían usar la aplicación.

Para su consternación, muchos ni siquiera pudieron pasar la pantalla de registro. La gente, literalmente, ni siquiera podía crear una cuenta. Mientras que iOS y Android tienen una función de accesibilidad, llamada Voice Over y Talk Back, respectivamente, que leen en voz alta los botones y opciones en la pantalla para que los usuarios con discapacidad visual naveguen, Pinterest no etiquetó correctamente su propia interfaz de usuario para esta función. incluso funciona correctamente Del mismo modo, cuando las personas teníanfinalmente entrar en la aplicación, recetas leen en voz alta sería etapas o ingredientes que faltan. La gente se encontró atrapada dentro de alfileres, sin saber cómo escapar. Incluso para las personas con deficiencias visuales, el diseño de Pinterest, con su tipo minúsculo, fue un desafío para discernir.

“Definitivamente fue personal para mí, y para mí específicamente. Porque he sido diseñador aquí durante cinco años, y es un producto que realmente me encanta trabajar, y quiero que todos puedan usarlo “, dice Cheng. “Para el grupo de ingenieros y diseñadores sentados allí, sentimos que no estábamos haciendo lo suficiente. Queríamos hacer más “.

Elementos de interfaz de Pinterest
[Imagen: cortesía de Pinterest]
Las personas ciegas que usan Pinterest, la aplicación para la inspiración visual, pueden parecer un oxímoron. Pero, de hecho, Pinterest, como todas las aplicaciones convencionales, tiene un contingente de usuarios ciegos (aunque la compañía admite no seguirlos). Muchos usan Pinterest simplemente para marcar historias en la web que les gustaría leer más adelante. Y a los que no usan el servicio les gustaría, si fueran bienvenidos.”Le preguntamos a un usuario, ¿usarías Pinterest? ¡No puedes ver lo que hay en la pantalla! “, Cuenta a largo. “Ella dijo, ‘por supuesto que sí'”. Con discapacidad visual o no, todos queremos recetas sabrosas, mejores cortes de pelo y consejos de moda. Y Pinterest está cargado con miles de millones de alfileres llenos de esto.Durante el año pasado, Pinterest se comprometió a practicar el diseño inclusivo y hacer que su producto sea más accesible para todos. Con un equipo de una docena de diseñadores e ingenieros, Cheng desarrolló un enfoque de varias partes para rediseñar Pinterest como un producto que podría ser más accesible para todos, lo que lleva a una experiencia de escritorio y aplicación totalmente rediseñada que se ha ido extendiendo lentamente durante meses.
Indicador de Enfoque [Imagen: cortesía de Pinterest]
Indicador de Enfoque [Imagen: cortesía de Pinterest]

El primer paso y el más obvio fue agregar todo el código y etiquetado adecuados para garantizar que las funciones como Voice Over pudieran leer todos los componentes de la pantalla.En la misma línea, la compañía agregó indicadores de enfoque, contornos relativamente estándar sobre los botones y menús que están activos, que hacen que Pinterest sea más fácil de usar para las personas que no pueden usar un mouse o un panel táctil.

Esto era una apuesta en la mesa, por supuesto. Otros aspectos del rediseño tendrían que ser más básicos para la experiencia del usuario. En particular, la compañía quería aumentar el contraste de la interfaz de usuario en toda la aplicación para que fuera más legible. Para lograrlo, el equipo de Cheng desarrolló una paleta de colores completamente nueva, llena de brillantes tonos joya que podían enmarcar texto y ayudarlo a explotar. Este espectro multicolor no podría estar más alejado de los azules del huevo del petirrojo tan queridos por las nuevas empresas.

“Muy a menudo como diseñadores, tenemos que aceptar la idea de que tal vez un diseño accesible no es tan bonito o hermoso”, dice Cheng. Pero él cree que con compromiso, los buenos diseñadores pueden encontrar una manera de defender la estética y la accesibilidad al mismo tiempo, incluso cuando se trata de interfaces de usuario de alto contraste. “¡Para nosotros revisar nuestra paleta de colores a colores accesibles, definitivamente hubo desafíos! Pero al final, descubrimos el camino correcto, y estuvo bien “.

Con respecto al daltónico, Pinterest ha eliminado cualquier instancia en la que el color se usó alguna vez para transmitir acción o significado; en el nuevo Pinterest, solo está ahí para aumentar la legibilidad y el estilo visual. Mientras tanto, la compañía introdujo la opción de aumentar el tamaño del texto en la aplicación dentro de la configuración, centrándose en el tamaño y la audacia para denotar jerarquía de información, en lugar de ajustar palabras en varios tonos de gris, que pueden ser de bajo contraste y difíciles de ver.

Internamente, Pinterest culminó su trabajo lanzando un laboratorio emergente de inclusividad para sus propios empleados para tratar de navegar por la aplicación con nada más que un teclado, o usar elementos como gafas de discapacidad visual al tratar de leer la pantalla. “Tratamos de ayudar a [nosotros] a entender todas las diferentes discapacidades que las personas pueden tener cuando usan Pinterest”, dice Cheng. “¿Cómo comenzamos cualquier desarrollo de producto teniendo esto en cuenta desde la fase cero?”

Interfaz de Pinterest en móvil antes y despues.
[Imagen: cortesía de Pinterest]

Lo que Cheng quiere inculcar es una mentalidad. Hace dos años, Pinterest se dio cuenta de que necesitaba considerar el mercado internacional en lo que respecta al diseño. Y ahora, sus diseñadores siempre piensan en las decisiones a escala global. Del mismo modo, él quiere ver a los diseñadores pensando inclusivamente desde el primer momento. La compañía también ha desarrollado pruebas automatizadas de accesibilidad en todas sus actualizaciones de aplicaciones en el futuro.

El diseño inclusivo es un proceso, no un destino . Y con eso en mente, es probable que veamos que cada vez más empresas pasan por un proceso similar al de Pinterest en el último año. Tal vez no lo hagan todo bien en el primer paso, pero siempre y cuando involucren activamente a sus usuarios finales en el proceso de diseño en el futuro, Pinterest solo se convertirá en un producto más útil para más personas.

Si eso no es suficiente para venderle un diseño inclusivo, vale la pena reconocer que algún día, todos seremos un caso extremo. Y las prácticas de diseño incluyentes a menudo son una inversión en nuestras propias vidas tanto como una forma de ayudar a los demás. Piense en ello como un seguro de salud o una seguridad social para la experiencia del usuario. “Algo que siempre pienso con este trabajo que hacemos es que estamos diseñando para nuestro ser futuro”, dice Cheng. “Lo que sea que hagamos en realidad nos beneficiará a todos en el futuro, incluso si ahora no tiene baja visión”.

Fuente fastcodesign.com