Hola a todos. Estás sintonizando la sesión. La accesibilidad es un objetivo en movimiento. Mi nombre es AmyJune Hineline. Soy la embajadora de la comunidad de código abierto de Kanopy Studios. Soy enfermera de hospicio de profesión. Soy una defensora de la accesibilidad y la inclusión, porque sé de primera mano cómo la tecnología y la forma en que se crea puede ser una barrera para algunas personas.
Ayudo a organizar y comercializar las charlas de aliados. Se trata de charlas sobre accesibilidad, un encuentro virtual en línea en el que tenemos. Los ponentes y los invitados hablan de todo lo relacionado con la accesibilidad porque creo que toda la información debería ser accesible para todos. Kanopy me trae hoy aquí. Kanopy es mi empleador. Son un sitio web de código abierto, la estrategia, el desarrollo del diseño y la agencia de apoyo.
Y estamos contratando. Si tienen alguna pregunta, pueden ponerse en contacto conmigo a través de las redes sociales. Así que vamos a sumergirnos en la agenda de hoy. Lo que vamos a hablar es primero voy a dar una idea de lo que significa la accesibilidad para esta charla de hoy, repasar algunos términos y definiciones, repasar, el diseño de la accesibilidad hablando de contenido accesible y luego ir sobre algunas de las herramientas gratuitas que la gente puede querer utilizar para auditar sus sitios.
Entonces, ¿por qué diseñar para la accesibilidad? No sólo es la ley, sino que queremos incluir una base de consumidores más amplia para nuestro público. No queremos excluir a la gente del uso de nuestros productos y servicios. Según los CDC, el 26% de las personas que viven en Estados Unidos tienen algún tipo de discapacidad. Eso es aproximadamente uno de cada cuatro o 61 millones de personas.
Y recuerde, a medida que envejecemos, todo el mundo, cuando se trata más discapacitados con el tiempo, nuestra audición y la vista puede deteriorarse. Tenemos que pensar en las discapacidades situacionales, los lugares de trabajo ruidosos, especialmente en la época de COVID. Algunos de nosotros tenemos niños en casa, algunos de nosotros tenemos. Yo estaba en casa en tiempos más normales, piense en el usuario en un avión que olvidó sus auriculares.
Y uno de ustedes utiliza los subtítulos. No puedes encontrar tu ratón, no puedes, sólo puedes usar tu teclado. Puedes estar recuperándote de una operación de hombro y no ser capaz de usar el ratón en absoluto. Y recuerda que no todas las discapacidades pueden verse. Hay dolores debilitantes, fatiga, mareos, disfunciones cognitivas, lesiones cerebrales, así como diferencias de aprendizaje, trastornos mentales y problemas de visión y audición.
¿Cómo la adoptamos? La accesibilidad, bueno, primero tenemos que entender lo que significa. Y en el contexto de hoy, voy a hablar de producir medios ricos y atractivos. Que sean accesibles para todos. Y ser accesible significa que todo el mundo puede acceder fácilmente a los servicios que ofreces en los locales y a los contenidos escritos y digitales.
Recuerda que la inclusión no es dar privilegios especiales a las personas. Es asegurarse de que las barreras se eliminan realmente. Neil Milikin es el director de accesibilidad e inclusión digital de Atos. Creó el centro de competencia de Atos. Incumbente, que abarca la accesibilidad, el diseño inclusivo y los servicios de tecnología asistencial.
Es un experto invitado y colaborador del grupo de trabajo sobre accesibilidad cognitiva de la w tres. Y me encanta esta cita. Dice que deberíamos celebrar la estrecha diversidad. El mundo sería pobre y la vida sería un dólar. Si todos fuéramos iguales. Así que vamos a repasar rápidamente estos términos y definiciones, porque puedes tomarte tu tiempo e investigar más por tu cuenta.
Está la ADA, que es la ley americana de discapacidades. La Ley de Estadounidenses con Discapacidades prohíbe la discriminación, y realmente garantiza que las personas que viven con discapacidades tengan las mismas oportunidades que los demás. Para que puedan participar en la vida americana convencional. La sección cinco Oh ocho requiere que las agencias federales desarrollen, adquieran, mantengan y utilicen la tecnología de la información y las comunicaciones.
Perdón, es accesible para las personas que viven con discapacidades, independientemente de que trabajen o no para el gobierno federal. El proyecto de ley 81 es la ley de Canadá accesible. Y esta es una ley que asegura un Canadá sin barreras para el parlamento. Su objetivo es beneficiar a todos los que viven en Canadá, especialmente a los que viven con discapacidades mediante la creación de este Canadá sin barreras, el consorcio mundial de la web, que es un bocado W3C, y voy a hacer referencia a ellos un poco más tarde en la presentación es una comunidad internacional que.
Que desarrolla y trabaja realmente en las directrices para garantizar la calidad y el crecimiento de la web. Y eso es una buena transición para hablar de la web. Pautas de accesibilidad al contenido WCG o wikag. El objetivo aquí es proporcionar un único estándar compartido para la accesibilidad del contenido web. Y tiene algunos números en la lista, y hablaremos de estos en un poco más en profundidad, pero estas directrices son realmente destinados a las personas que crean contenido web, los desarrolladores, las personas que crean las herramientas de oferta web crear las herramientas de evaluación y realmente están destinados a cualquier persona que necesita o quiere.
El estándar para la accesibilidad web, esas pautas y normas que podemos mostrar a nuestros interesados y propietarios de productos y a nuestros desarrolladores. Así que wikag 2.0 es una colección de más de 40 directrices que mejoran la usabilidad para el uso de diferentes capacidades. Y estas se basan en cuatro principios llamados pobres.
Y voy a repasar estos Es pobre como un acrónimo de cuatro letras para los principios de alto nivel que describen la accesibilidad funcional. Así que hay perceptible, perceptible significa que el usuario puede identificar el contenido y los elementos de la interfaz por medio de los sentidos operables. Significa que un usuario puede utilizar con éxito elementos como controles, botones, navegación y otros elementos interactivos necesarios.
Comprensible. Queremos que nuestros usuarios sean capaces de comprender el contenido y de aprender y recordar cómo utilizar la interfaz en su beneficio y simplemente poder navegar y ser robustos. Esto garantiza que los usuarios que utilizan diferentes tecnologías puedan elegir qué tecnología utilizan para interactuar con los documentos en línea de los sitios web, los multimedia y otros formatos informativos.
Existe el wikag 2.1. Tiene todo lo que tiene la 2.0 más 17 elementos nuevos. Habla de la altura de la línea, la orientación, el color, el contraste y otras cosas por el estilo. Y la 2.1 ahora mismo era la pauta estándar y el nivel de cumplimiento para muchos de nuestros sitios web. Así que si desglosamos nuestras directrices, se dividen en tres niveles principales.
Cada nivel que aumenta a en el nivel indica un criterio adicional a seguir el nivel a es realmente ese cumplimiento mínimo. Si su sitio web no cumple con eso. Este nivel, entonces significa que es realmente difícil para las personas con discapacidad a utilizar AA es el aceptado, el nivel de cumplimiento en este momento.
Significa que su sitio web es utilizable y comprensible para la mayoría de las personas. Y luego está el nivel AAA. Este es el cumplimiento óptimo, pero es realmente difícil de alcanzar. Significa que su sitio web es accesible para el máximo número de usuarios con o sin discapacidad.
Lo que viene. Esto es hablar de que la accesibilidad es un objetivo en movimiento. Y una de esas cosas que cambian con el tiempo son los estándares. Así que en el horizonte están estas directrices 2.2. Van a salir a finales de este año y todavía está en el aire cuáles se van a incluir definitivamente, pero.
Las directrices WCAG 2.2 son todo lo que tenía la 2.1 más nueve elementos nuevos, los tengo enumerados en la diapositiva, pero ahí hablan de enfoque, apariencia, puntos de referencia fijos, arrastrar un puntero, espacio de destino, ayuda localizable, controles ocultos, accesible, autenticación y entrada redundante. Y la razón por la que mencioné el.
Las que aún no han salido, porque siempre es una buena idea como desarrolladores y auditores pensar en cómo será el cumplimiento dentro de seis meses. Así que si usted está haciendo una auditoría hoy, teniendo en cuenta las directrices que van a pasar en el futuro le ayuda a prueba de futuro, su sitio web.
Así que vamos a desglosarlo. ¿Qué hace que los contenidos sean accesibles? Hay cuatro grandes parámetros. Queremos asegurarnos de que es fácil de ver. Así que nos adaptamos a las necesidades visuales. Queremos asegurarnos de que es fácil interactuar con él. Algunas personas no pueden manejar un ratón, por lo que los contenidos multimedia deben entregarse en un reproductor que pueda manejarse sólo con el teclado.
Así que queremos asegurarnos de que nos adaptamos a las necesidades del motor. Queremos asegurarnos de que es fácil de oír. Así que nos adaptamos a las necesidades auditivas. Algunas personas no pueden oír el audio. Así que tenemos que pensar en transcripciones y subtítulos en las descripciones de audio. Y luego queremos asegurarnos de que la gente pueda entenderlo.
Así que nos adaptamos a las necesidades cognitivas. Realmente queremos asegurarnos de que la experiencia de un sitio web sea lo más equivalente posible, independientemente de las cosas, no podemos controlar a nuestros usuarios. Y esto incluye cómo lo utilizan. El sitio web, los ordenadores tipo tableta, el tamaño de los sistemas operativos de los teléfonos,
agentes de usuario. Cuando la mayoría de la gente piensa en la tecnología de asistencia para los activos digitales, realmente piensan en los lectores de pantalla. Pero vamos a echar un vistazo, quiero echar un vistazo más de cerca a algunos agentes de usuario. La tecnología de asistencia o 80, se puede ver como un acrónimo es cualquier dispositivo o software o equipo que permite a las personas a trabajar alrededor de los desafíos para que puedan aprender, comunicarse y funcionar mejor a través de los activos digitales.
Por supuesto que hay lectores de pantalla, los lectores de pantalla se utilizan para escuchar el contenido de la página web y realmente convierten el texto en voz. Así que debemos tener en cuenta que los lectores de pantalla también se pueden utilizar junto con los elementos visuales de la página web para las personas con problemas cognitivos. No sólo las personas con problemas de visión utilizan los lectores de pantalla, hay todo tipo de casos de uso.
Dispositivos de entrada alternativos. Se trata de alternativas a las típicas interacciones con el ratón o el teclado. Y algunos de estos usuarios pueden tener un deterioro físico o cognitivo. Y algunos de estos dispositivos de entrada podrían incluir cosas como punteros de cabeza, entrada de voz, software de letra grande o táctico.
Los teclados táctiles, las pantallas táctiles, los dispositivos de entrada de un solo interruptor, incluso el seguimiento ocular en movimiento y el seguimiento entran en juego con los dispositivos de entrada alternativos, el software de aumento, se utiliza para ampliar el contenido de la pantalla para facilitar la lectura a los usuarios con discapacidad visual parcial.
Estos softwares que se utilizan promueven principalmente por las personas con visión parcial para ampliar el contenido, para que sea más fácil, para ver algunas lupas de pantalla, proporcionar texto a voz y otras funcionalidades también. Y lo que es un poco más de tecnología de asistencia y estrategias de adaptación hay ojo de seguimiento del sistema que supervisa el movimiento del ojo para controlar el puntero del ratón, y realmente detecta el parpadeo.
Y eso que es lo que Se utiliza para iniciar los clics del ratón hay cosas llamadas aceleradores. Se trata de software y funcionalidades que realmente ayudan a reducir la necesidad de escribir o hacer clic. Podemos usar teclas adhesivas y tener una personalización del teclado. Esto incluye el mapeo de las teclas, la asignación de accesos directos con filtros, y el apoyo a la escritura con una sola mano.
La gente puede utilizar pop-up en bloqueadores de animación. Estos son plugins basados en la web u otras herramientas de software que detienen las ventanas emergentes automatizadas o ayudan a pausar u ocultar la animación. Algunas personas utilizan braille refrescable, para que el texto se muestre en braille hay asistencia de lectura, hay todo tipo de asistencia de lectura.
Pueden hacer cosas como personalizar el tamaño de la letra o el espaciado. Pueden escanear el texto en busca de palabras y frases complejas y enlazar con diccionarios y glosarios. Pueden ocultar partes del contenido y proporcionar esquemas. Y algunas de estas ayudas a la lectura leen el contenido en voz alta y resaltan el texto.
Mientras se está leyendo, re leyendo también, los mapas de página, muestran una pequeña imagen de toda la página web. E indican, resaltando la parte de la página web que se está viendo en ese momento. Y quiero echar un vistazo a cómo algunas personas utilizan la tecnología de asistencia.
Puedo estar en el autobús y estoy usando un teléfono móvil. Obviamente, el diseño de un ordenador de sobremesa sería incómodo, y quiero ver mi programa de televisión favorito, pero me he olvidado los auriculares, así que la combinación de un teléfono móvil y la necesidad de subtítulos, cuando se prueban y construyen los sitios web para la accesibilidad, hay que pensar en todas las formas en que la gente puede utilizar el software y los programas.
Otro escenario puede ser que alguien haya extraviado su ratón o que sólo utilice el teclado para navegar. Pero tienen baja visión. Así que el zoom se amplía al 200% y quizás la página cambia a responsive. El tamaño e imita el diseño móvil cuando eso sucede. Así que tenemos que asegurarnos de que cuando eso sucede para los usuarios de teclado, que cuando las cosas cambian a los acordeones o hacia abajo, que pueden acceder a que por el teclado.
Que las secciones técnicas siguen ahí y que no hay trampas de teclado. Y ahora gracias, tal vez necesitan tener un dispositivo de texto a voz o una pantalla. Un lector de pantalla habilitado. Así que el contenido de la página debe coincidir con la forma en que se lee. Tener en cuenta todas estas cosas.
Las cosas tienen que tener el mismo flujo y ser predecibles. Puede que tenga desactivado el CSS y las imágenes y que navegue por teclado. Sí. Tenemos que asegurarnos de que no se pierdan los elementos visuales que son importantes para el contexto y el contenido también. Mira todos estos agentes de usuario y lánzalos al aire y coge unos cuantos y prueba con ellos.
Con esos diferentes escenarios, construir personas. Así que vamos a pasar a, ¿por qué es, por qué nuestros sitios web se mueven objetivos para la accesibilidad? Así que vamos a hablar de algunos de los diseños, ahora el diseño y la creación de contenidos pueden estar cerca, pero ocurren en diferentes momentos de la vida del sitio web.
El diseño es antes del lanzamiento el contenido puede ocurrir en todas las fases. Y sólo quiero repasar un par de, o algunos de algunos aspectos de diseño. Así que queremos asegurarnos de que utilizamos el espacio visual y semántico. El espacio es una herramienta visual importante que nos ayuda a identificar dónde está el contenido y cómo se relaciona en la página.
¿Sabe? Así que queremos asegurarnos de proporcionar la cantidad correcta de espacio entre las líneas de texto. Esto es la altura de la línea, y normalmente se puede aplicar automáticamente. Usar una topografía limpia es súper importante. Queremos evitar cambiar el tipo de letra de una página a otra de nuestro sitio web.
Queremos evitar el uso de todas las mayúsculas. La legibilidad se reduce mucho cuando se usan todas las mayúsculas, porque las palabras tienen una forma rectangular uniforme. Y algunos lectores podrían no ser capaces de identificar las palabras por eso, Esa forma rectangular plana no subraya el texto. Queremos asegurarnos de que reservamos el subrayado para identificar los enlaces.
El texto alineado a la izquierda es más fácil de leer, al tener un margen consistente. No pongas dos espacios después de un punto. Punto. Esto es un remanente de los días de la impresión y queremos asegurarnos de que apoyamos el cambio de tamaño del texto, comprobar cómo su contenido responde a tener un texto ampliado. Ahora hablemos del contenido accesible porque puedes tener un diseño accesible y puedes tener un código accesible, pero lo que sucede con el tiempo cuando se añade contenido, este es uno de esos objetivos móviles, especialmente cuando un equipo de personas, w cuando tenemos múltiples creadores de contenido y múltiples autores involucrados y entonces tal vez tenemos un Wiziwig un editor de texto que.
Incluye todas las campanas y silbatos y la gente puede cambiar el tamaño de la fuente, añadir títulos y cosas así. Así que vamos a ver algunos contenidos accesibles. Queremos asegurarnos de que utilizamos un lenguaje sencillo que es difícil de leer y entender es realmente una barrera para. Casi todos los usuarios, pero en particular para las personas que viven con discapacidades cognitivas, tal vez la baja alfabetización de lectura y las personas que el contenido es un tema desconocido, o tal vez incluso está escrito en un idioma desconocido.
Así que el lenguaje sencillo mejora la facilidad de interacción en un sitio web. Pueden ser cosas como títulos y etiquetas claras, cosas que facilitan la navegación y el funcionamiento de ese sitio y aplicación web. Así que el lenguaje llano, cuando los creadores de contenido realmente piensan en el lenguaje llano el contenido y los controles son fáciles de entender para todos los usuarios.
Las cosas están claramente definidas. Las personas que no están familiarizadas con el tema o el lenguaje son más capaces de entender cuando no hay mucho lenguaje complejo y cosas así. Las personas con discapacidades que afectan a la capacidad de acceder y leer el contenido. Cuando utilizamos un lenguaje sencillo, no se ven frenados por ese lenguaje complejo innecesario.
Y siempre me gusta mencionar que realmente beneficia a las personas que utilizan el inglés como segunda lengua. Si su contenido está destinado a atraer a un público internacional, el lenguaje sencillo es incluso correcto, más crucial. Y es más fácil de traducir. Lenguaje familiar, esto es realmente asegurarse de que usted utiliza palabras familiares son combinación familiar de palabras, y nuestros autores de contenido y los escritores deben realmente esforzarse por comunicarse con sus lectores, no impresionarlos con el uso, palabras llamativas o palabras poco comunes.
Así que queremos utilizar el lenguaje. Que tus usuarios puedan relacionar, piensa en esas personas, en tu base de usuarios. Así que evite la jerga y las palabras de moda, la jerga y las palabras de moda es poco probable que sea un lenguaje claro. A menudo estas palabras son demasiado vagas y conducen a una mala interpretación del MIS o a un texto vacío sin sentido.
Queremos ser coherentes con las palabras que utilizamos. Si nos referimos a la misma persona u objeto varias veces en nuestro texto, queremos asegurarnos siempre de llamarlos por el mismo nombre. También queremos tener cuidado cuando usamos símbolos, caracteres irregulares o ciertos tipos de puntuación en nuestros textos, porque pensemos en caracteres como los ampersands o los símbolos.
Por ciento, algunos de ellos pueden resultar desconocidos para la gente. Tenga, sobre todo, cuidado cuando utilice acrónimos y abreviaturas y numerosos, un acrónimo es una palabra que se compone de las primeras letras de otras palabras. Por ejemplo, NHS es el servicio nacional de salud, hay BLM Bureau. Eso puede significar un par de cosas diferentes.
BLM podría ser Bureau of land management o black lives matter. Así que dejar claro qué significan tus siglas y abreviaturas es numeroso. Es importante para el lector. Así que identifícalos la primera vez que se usen. Y piense también en la optimización de los motores de búsqueda. Es fácil de buscar y a menudo le dará una mejor clasificación SEO.
Cuando tienes un lenguaje familiar, quieres asegurarte de que las palabras que utilizas en tu copia y en tus páginas reflejan las palabras que la gente podría introducir en esos motores de búsqueda, buscando tu sitio. Estos son algunos de estos como principios de alto nivel con contenido accesible, conoce a tu audiencia ajusta tu lenguaje a tu audiencia y proporciona contexto.
Los textos alternativos, no sólo las imágenes, sino también los enlaces, los gráficos y las tablas, tienen como objetivo original y todavía principal describir las imágenes a los visitantes que no pueden verlas, y el uso de patrones de escaneo puede ayudar a que la información sea más presentable y se muestre en un orden lógico.
Eso tiene sentido. En general, las frases y los párrafos deben ser breves, eliminar la información redundante y optar por palabras cortas y de fácil comprensión en lugar de utilizar palabras más oscuras y de varias sílabas, y ceñirse a los niveles de lectura predeterminados: el punto de legibilidad Gov's sugiere el nivel de lectura de noveno grado.
Para el público norteamericano. Pero al pensar en que el mundo se abre y tiene un escenario mundial, ese nivel de lectura debe ajustarse para adaptarse a sus usuarios. Y luego utilizar la voz activa antes de usar la voz pasiva, hablar con el actor claro. Esto realmente reduce el número de palabras de tu texto.
Recuerde que quiero hablar de las herramientas de prueba y quiero recordar a la gente que las herramientas automatizadas son grandes, pero sólo captan el 30 a 40% de los errores en un sitio web o activo digital. Sólo son tan inteligentes como su programa. Así que quiero ir sobre algunas herramientas de prueba que le ayudará con las pruebas manuales también.
Y realmente sólo quiero destacar los gratuitos porque son definitivamente más accesibles que los servicios de pago. Así que los lectores de pantalla, lector de pantalla, como he dicho antes, convierte el texto a voz, algunos libres que usted puede mirar, dependiendo de su sistema operativo sería NBDA Mac, voz en off, Chrome, voz Orca, o la web hablada.
La herramienta wave es una extensión del navegador con la funcionalidad de un solo clic. Es un conjunto de herramientas de evaluación que ayudan a los autores a hacer más accesibles los contenidos de la web a las personas con discapacidad. Tienes un botón en tu navegador en el que haces clic y ejecuta estas pruebas por ti y te escupe una barra lateral para que veas los resultados.
La extensión del navegador que está en su herramienta ex inspector es la herramienta ax. El motor de accesibilidad, es una biblioteca compacta de JavaScript. Es de código abierto. Así que puedes mirar el código y está disponible en get hub. Lighthouse es una herramienta automatizada de código abierto para mejorar la calidad de los sitios web.
Puedes ejecutarlo contra cualquier página web, pública o que requiera autenticación. También está en su ventana de inspección. Tiene auditorías de accesibilidad de rendimiento, progresiva. Aplicaciones web, SEO y más, es una gran herramienta. El teclado, recuerda que toda nuestra funcionalidad debe ser utilizable con el teclado.
Los usuarios deben poder acceder y desplazarse entre enlaces, botones, formularios y otros controles utilizando ese tabulador y las pulsaciones de las teclas. El sitio web no debe requerir un ratón. Por ejemplo, el calendario emergente también debería permitir a los usuarios escribir una fecha. Existe el contraste web, el comprobador de contraste web AME. Se trata de un sitio web gratuito que ayuda a determinar la exactitud o claridad del contraste textual de sus elementos visuales.
El comprobador de accesibilidad del sitio mejorar es una extensión del navegador, que me encanta usar. No me pagan por decir eso, pero es una gran herramienta porque puedes evaluar tu página en busca de problemas de accesibilidad en cualquier momento que proporcione. Realmente intuitiva retroalimentación visual acerca de su contenido, sobre, y pone de relieve esas cuestiones.
También destaca las advertencias y hace sugerencias sobre lo que hay que comprobar manualmente. El T O T a es una herramienta que ayuda a visualizar cómo funciona el sitio con la tecnología de asistencia. Tiene cosas como varitas lectoras de pantalla y comprobaciones de encabezamiento. es una nueva extensión para Chrome que te ayuda a experimentar la web y la interfaz a través de los ojos de una especie de esos amigos usuarios.
Con esta herramienta puedes probar diferentes discapacidades y diferentes habilidades. Zoom a más 200% mucha gente, ajustar sus navegadores web para tener ligeramente por encima de tamaño de la fuente por defecto. Esta es una herramienta de aumento de pantalla que aumenta el tamaño y los gráficos en la pantalla de su ordenador CSS y la validación de HTML.
Es importante asegurarse de que todo el código es correcto, para que los navegadores puedan leerlo correctamente. Herramientas de legibilidad. Hablamos de los niveles de lectura, hay una gran por web FX que sólo puede poner en la URL y se indicará las puntuaciones para los diferentes niveles de lectura a través de la junta, la lista de verificación del proyecto aliado Este es un buen punto de referencia.
Tiene una lista de verificación de todas las cosas que debe comprobar. Es un sh que va por las normas wikag que compartió el estándar para la accesibilidad del contenido. Y tengo algunos enlaces a herramientas. Me aseguraré de que se incluyan para la gente también. Para que la gente pueda hacer clic en ellos después de la presentación.
Así que gracias. Invito a la gente a ponerse en contacto conmigo en las redes sociales. Mi nombre es Amy June, pero me hago llamar Volkswagenchick en todos los medios de comunicación. Pueden encontrarme en LinkedIn. Pueden encontrarme en Twitter y en Facebook. Así que póngase en contacto conmigo en cualquier momento.
Gracias.
