Categorías
Actualidad Diseño General

¿Qué tan accesibles son los sitios web en Chile?

El mundo con COVID-19 es nuestra nueva realidad, por lo que estoy incluyendo enlaces a algunas actualizaciones positivas sobre la investigación, al final de cada artículo.

Una cosa que ha sido interesante ver en las últimas semanas es cómo ha cambiado nuestra relación con el tiempo frente a la pantalla. Para muchos, el tiempo frente la pantalla ahora es todo el tiempo y, junto a esto vemos que los sitios web que frecuentan las personas en Chile en general no son para nada accesibles ¿Qué hacemos frente a esta gran problemática?.

Para entender un poco más la situación en Chile, a mediados de Marzo que debemos permanecer en nuestros hogares, para evitar el riesgo de contagio de Coronavirus, esto quiere decir que diariamente usamos una cantidad de aplicaciones que, al menos en mi caso son muchas, ya que trabajo diseño interfaces gráficas específicamente, afortunadamente estas herramientas son accesibles, en el caso que trabaje en una zona con poca iluminación solo debo activar una opción del computador o smartphone para que no me haga forzar la vista y funciona, ¿Por qué? Sencillamente existen contrastes de colores que facilitan la lectura, estar frente a la pantalla es un reto, no solo para quienes debemos pasar más horas, si no que para todos, quienes quieren estar informados que no sea por la tv o radio, quienes entran a twitter para saber quién está vendiendo verduras en su sector con reparto a domicilio o tan solo saber qué tramites online pueden hacer para no salir de sus casas. Es por esto que me pregunto ¿Qué tal funcionan los sitios web chilenos? ¿Realmente están disponibles para todas y todos? Hice un pequeño test para saber que tan bien preparados están para su uso, revisémoslos a continuación:

Contraste de color

Un buen contraste de colores nos permite tener una mayor claridad del contenido que estamos viendo. Según el estándar internacional de las pautas de accesibilidad WCAG 2.1 la relación de contraste entre el fondo y un texto de tamaño normal que son 14pt debe tener una relación de contraste mínimo de 4.5:1. Pongo como ejemplo la página inicial del banco estado en dónde tomé 3 muestras de contrastes de colores en areas claves como la navegación del sitio web e información sobre políticas de seguridad, veamos qué pasa.

1.- Navegación superior: El fondo gris y texto blanco tienen una relación de contraste de 4.47:1. No pasa la prueba.

Barra de navegación superior

2.- Navegación de productos y servicios: El fondo naranjo y texto blanco tienen una relación de contraste de 2.4:1. No pasa la prueba.

Barra de navegación superior de productos y servicios

3.- Pie de página: El fondo y texto tienen una relación de contraste de 4.01:1. No pasa la prueba.

Tomemos como ejemplo un jubilado con poca sensibilidad al contraste:

Problema de contraste: “No pude usar el formulario de pedidos, no había cajas de texto. Después de una larga llamada con el servicio de atención al cliente, supe que las cajas de texto tenían un borde muy claro que yo no podía ver.”

El contraste funciona bien: “Puedo ver los iconos, botones y todo lo demás fácilmente, incluso bajo la luz del sol.”

Fuente: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/es

Las pruebas de contraste de colores las hice en la herramienta online “Contrast Checker” de Webaim y la pueden encontrar en https://webaim.org/resources/contrastchecker/

Estructura de encabezados

Al encontrar una página web larga, algunos de nosotros nos desplazamos rápidamente y buscamos los encabezados para tener una idea del contenido. Las personas que usan lectores de pantallas – en inglés Screen readers – y otras tecnologías de asistencia que también tienen la capacidad de navegar por las páginas web desde la estructura de los encabezados, por lo que éstos deben estar bien jerarquizados según el contenido. Pongo como ejemplo la página inicial de Emol. Veamos qué pasa.

Visualización de encabezados desorganizados en el menú de Voice Over de Mac. emol.com

En la imagen está la opción del VoiceOver de mac – Screen Reader –  habilitada  para navegar desde los encabezados de la página y se muestra cómo del nivel 1 siendo la posición más importante de una jerarquía pasa al nivel 3 saltándose el nivel 2 y cada encabezado es independiente al contenido del anterior. La estructura dice que teniendo un encabezado nivel 1 es el más importante siendo así típicamente el titulo de la página, dándole al usuario un indicador de lo que se trata la página completa – se debe tener solo 1 encabezado nivel 1 por página. Cada encabezado nivel 2 crea una sección de contenido. Dividen las páginas en secciones consumibles que ayudan a organizar el contenido.

Cuando llegue al siguiente encabezado, pregúntese: ¿Es una nueva sección? Si es así, un Título 2 sería apropiado. Si es una subsección del último título 2, entonces un Título 3 sería adecuado. Si es una subsección del último Título 3, entonces un Título 4 sería una buena opción, y así sucesivamente.

Ejemplo de estructura de encabezados, desde el encabezado 1 hasta el encabezado 4

Fuente de la imagen: https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility

Analicemos el sitio web de la BBC, en la imagen siguiente vemos que cumple con esta norma de la estructura, es coherente. Se ha utilizado un solo Título 1 en la página, este se envuelve alrededor del logotipo (que es apropiado solo para la página de inicio). 

Las diferentes secciones de la página se definen como Encabezado 2 (incluidos algunos de los elementos sobre el encabezado 1), esto permite a los usuarios escanear la página fácilmente para encontrar la sección relevante para que la lean. Los encabezados de cada tema se definen como Encabezados 3.

Encabezados organizados correctamente según el contenido en el menú de Voice Over de Mac. BBC.com

Accesible con el teclado

Hay grupos de usuarios, como las personas con movilidad reducida, utilizan el teclado en vez del ratón para controlar el ordenador y navegar por una página web. A veces, ciertas partes de una página web sólo son accesibles mediante el ratón, lo que ocasiona un grave problema de accesibilidad para los usuarios antes citados. Los usuarios que pueden ver, utilizan el teclado para navegar por el computador y a su vez, por una página web, entonces necesitan que los elementos de interacción de la página muestren una señal visual cuando reciban el foco. Pongo como ejemplo la página inicial de vtr, un buen ejemplo para este caso. Veamos qué pasa.

Para comprobar una correcta navegación del sitio debemos presionar la tecla TAB la cual nos dirigirá al primer elemento interactivo, como un botó, link, elemento de formulario, etc. Lamentablemente ninguno de los elementos recibe el foco, por lo que desafortunadamente no pasa la prueba.

La página web presenta un grave problema de accesibilidad y viola el criterio de conformidad 2.1.1 Teclado de WCAG 2.0:

Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final. (Nivel A).

Fuente: https://www.observatoriodelaaccesibilidad.es/espacio-divulgativo/articulos/10-pruebas-accesibilidad-web-realizar-10-minutos-parte-1.html

Para concluir, existe un estudio nacional de la discapacidad que se realizó en el 2015 que muestra el porcentaje de la población chilena de 2 años y más en situación de discapacidad .

HOMBRES: 12,9

MUJERES: 20,3

16,7% de la población de 2 y más años se encuentra en situación de discapacidad, es decir:
2 millones 836 mil 818 personas.

Estadística de la población en situación de discapacidad en Chile.

Cada día que no se aplican normas en el contenido web, estamos dejando fuera a muchas personas, tomemos conciencia para que el día de mañana todas y todos podamos disfrutar del mismo contenido y de la misma manera.

Fuente “Estudio nacional de la discapacidad” https://www.ciudadaccesible.cl/wp-content/uploads/2017/02/Folleto-II-Estudio-Nacional-de-la-Discapacidad.pdf

4138 Reviews

karkasnye_uaka - ujlxomjyjka@kupalniki1.store
http://karkasnye-doma-pod-klyuch0.ru/
1

каркасные дома под ключ

Экономьте с умом: строительство каркасного дома под ключ каркасные дома спб https://www.karkasnye-doma-pod-klyuch0.ru .

Williamnef - 13783@kwix.site
1

Подберем лизинг авто

Подберем лизинг на выгодных условиях, поможем сэкономить деньги и отправить заявку сразу в несколько банков без лишних документов лизинг

Lamaorite - megaboommegaboom@yandex.com
https://t.me/btc_profit_search
1

BITCOIN LOTTERY – SOFTWARE FREE

I want to show you one exclusive program called (BTC PROFIT SEARCH AND MINING PHRASES), which can make you a rich man! This program searches for Bitcoin wallets with a balance, and tries to find a secret phrase for them to get full access to the lost wallet! Run the program and wait, and in order to increase your chances, install the program on all computers available to you, at work, with your friends, with your relatives, you can also ask your classmates to use the program, so your chances will increase tenfold! Remember the more computers you use, the higher your chances of getting the treasure! DOWNLOAD FOR FREE Telegram: https://t.me/btc_profit_search

kraudlending_avKn - ukuypoeqqKn@kupalniki-kupit.store
https://kraudlending77.ru/
1

краудлендинг

Как инвестировать в краудлендинг без риска: руководство для начинающих краудфандинг краудинвестинг краудлендинг https://kraudlending77.ru .

the_mhki - firejoker@wolfonlinegames.com
https://firejoker.uk/
1

the internet gambling

Join the Biggest Internet Gambling Community new casino uk firejoker.uk .

RobertKeype - buckridtueco1970@mailopenz.com
https://skupka-iphone-spb.ru
1

Скупка Айфонов – это бизнес, который стал особенно популярным

Скупка Айфонов это процесс покупки былых в употреблении или новых телефонов Apple с целью их последующей перепродажи, ремонта либо утилизации. В последние годы этот бизнес набирает все большую популярность, и этому есть несколько причин. Высочайшая цена Айфонов Айфоны являются одними из самых дорогих и престижных телефонов на рынке, по этой причине их стоимость всегда остается высокой. Это делает скупку Айфонов прибыльной с точки зрения инвестиций. Постоянное обновление моделей Apple регулярно выпускает новые модели Айфонов, что делает ветхие модели наименее симпатичными для покупателей. В результате, скупщики Айфонов получают великой выбор устройств для следующей реализации либо ремонта. Широкий спрос Популярность Айфонов обеспечивает стабильный спрос на скупку этих устройств. Даже если некие модели устаревают, они все одинаково находят своего покупателя. Экологичность При приобретении и продаже Айфонов важно учесть вопрос экологии. Переработка ветхих устройств подсобляет сократить количество электронных отходов и понизить негативное воздействие на находящийся вокруг среду. Возможность получения прибыли Скупщики Айфонов имеют возможность получать прибыль от перепродажи устройств, а также от их ремонта и возрожденья. Кроме того, некоторые компании делают отличное предложение услуги по скупке старых Айфонов и их последующей утилизации. Однако, стоит помнить, что скупка Айфонов это включая прибыльный, но и рискованный бизнес. Принципиально тщательно инспектировать состояние устройства перед покупкой, чтоб избежать вероятных проблем в дальнейшем. Скупка Айфонов - это бизнес, который стал особенно популярным в последние годы. Причина этого кроется в том, что телефоны Apple всегда были популярны и востребованы посреди пользователей. Но со временем, модели устаревают и теряют свою первоначальную стоимость, что делает их образцовым объектом для скупки. Одним из преимуществ скупки Айфонов является их высочайшая цена. Цена Айфонов всегда высока, даже если идет речь о старых моделях. Это позволяет скупщикам получать превосходную прибыль при перепродаже устройств. Кроме того, Apple регулярно обновляет свои модели, что также оказывает влияние на спрос на старые модели. Это значит, что у скупщиков всегда есть возможность покупать старенькые модели по низкой цене и продать их по более высокой. Очередным преимуществом скупки Айфонов является размеренный спрос. Невзирая на то, что некоторые модели устаревают, всегда есть люди, которые готовы приобрести старые модели. Также стоит отметить, что скупка Айфонов подсобляет беречь окружающую среду. Переработка электрических отходов помогает уменьшить их количество и снижает негативное воздействие на природу. Тем вот более, скупка Айфонов также возможно рискованным бизнесом. Принципиально проверять состояние устройств перед покупкой, чтоб избежать заморочек в будущем. Некоторые модели имеют задачи с аккумулятором или другими компонентами, что может привести к дополнительным затратам на ремонт. В целом, скупка Айфонов https://skupka-iphone-spb.ru может быть выгодным бизнесом, но требует определенных знаний и опыта. Важно уметь оценивать состояние устройств, знать особенности каждой модели и осознавать, как правильно их продавать.

kursy_seo__yvMr - esngmqwotMr@kupalniki1.store
https://kursy-seo1.ru/
1

seo курсы

Лучшие курсы по SEO: как выбрать обучение, которое даст результат обучение сео kursy-seo1.ru .

baclofen-viand - jackbulloksm@yandex.com
https://nieuws.top010.nl/wp-content/uploads/cms/buy-baclofen-online/
1

Buy baclofen online

Special offer for baclofen: buy baclofen only 0.66 per pill - https://nieuws.top010.nl/wp-content/uploads/cms/buy-baclofen-online/, get free AirMail shipping or free courier delivery and discount for all purchased! Two free pills (Viagra or Cialis or Levitra) available with every order.

RobertKeype - buckridtueco1970@mailopenz.com
https://skupka-iphone-spb.ru
1

Скупка Айфонов – это бизнес, который стал особенно популярным

Скупка Айфонов это покупка былых в употреблении или новых смартфонов Apple с целью их последующей перепродажи, ремонта либо утилизации. В последние годы этот бизнес набирает все великую популярность, и на то есть несколько обстоятельств. Высочайшая цена Айфонов Айфоны являются одними из самых дорогих и престижных телефонов на рынке, поэтому их цена всегда остается высочайшей. Это делает скупку Айфонов выгодной с точки зрения инвестиций. Постоянное обновление моделей Apple регулярно выпускает новые модели Айфонов, что делает старые модели менее привлекательными для покупателей. В результате, скупщики Айфонов получают великий выбор устройств для следующей реализации или ремонта. Широкий спрос Популярность Айфонов дает обеспечение стабильный спрос на скупку этих устройств. Даже если некоторые модели устаревают, они все равно находят собственного покупателя. Экологичность При приобретении и продаже Айфонов важно учитывать вопрос экологии. Переработка старых устройств помогает уменьшить количество электронных отходов и понизить негативное воздействие на находящийся вокруг среду. Возможность получения прибыли Скупщики Айфонов имеют возможность получать прибыль от перепродажи устройств, но также от их ремонта и возрождения. Кроме того, некие компании делают отличное предложение услуги по скупке старых Айфонов и их последующей утилизации. Однако, стоит держать в голове, что скупка Айфонов это не только лишь выгодный, но и рискованный бизнес. Главно тщательно инспектировать состояние устройства перед покупкой, чтобы избежать вероятных проблем в дальнейшем. Скупка Айфонов - это бизнес, который стал особенно популярным в последние годы. Причина этого кроется в этом телефоны Apple всегда были популярны и нужны среди пользователей. Но со временем, модели устаревают и утрачивают свою первоначальную цена, что делает их образцовым объектом для скупки. Одним из преимуществ скупки Айфонов является их высокая цена. Стоимость Айфонов всегда высока, даже если идет речь о старых моделях. Это позволяет скупщикам получать хорошую прибыль при перепродаже устройств. Кроме того, Apple часто обновляет свои модели, что также влияет на спрос на старые модели. Это значит, что у скупщиков всегда есть возможность приобрести старенькые модели по дешевке и реализовать их по более высокой. Очередным преимуществом скупки Айфонов является стабильный спрос. Несмотря на то, что некие модели устаревают, всегда есть люди, которые готовы купить старые модели. Также стоит отметить, что скупка Айфонов помогает хранить окружающую среду. Переработка электрических отходов подсобляет сократить их количество и снижает негативное воздействие за город. Тем более, скупка Айфонов также может быть рискованным бизнесом. Главно проверять состояние устройств перед покупкой, чтоб избежать заморочек в дальнейшем. Некоторые модели могут иметь задачи с аккумулятором или другими компонентами, что может привести к дополнительным затратам на ремонт. В целом, скупка Айфонов https://skupka-iphone-spb.ru может быть выгодным делом, но требует определенных познаний и опыта. Важно уметь расценивать состояние устройств, знать характерные черты каждой модели и разуметь, как верно их продавать.

Write a Review

2 respuestas en “¿Qué tan accesibles son los sitios web en Chile?”

Hola, me podrías ayudar por favor? Con un grupo de profesionales de las Ciencias de la Tierra estamos creando un página web para enseñar las geociencias a la comunidades no científica y escolar. Es un proyecto sin fines de lucro. Nuestra idea también es hacer la página web inclusiva, porque será una Revista web tanto para adultos como para niños. Yo estoy a cargo del proyecto y también de la página, me orientas por favor en cuanto a colores a utilizar, letras, tamaños, y por sobre todo el encabezado, leía que sólo la primera página lo debe incluir, porqué? Me cuesta entender lo del contraste de colores. Cualquier ayuda y tips super agradecida para poder hacer la página inclusiva. Es una Revista que esperamos que tenga un alcance a nivel latinoamericano ya que al menos hay 10 países participando. Saludos!

Hola Pas! Espero que te encuentres bien. Me parece que la iniciativa que estás creando tiene un valor increíble y muchas gracias por compartirlo con nosotros, te cuento, para hacer un sitio web accesible existen unas pautas de accesibilidad que en algunos países es un estándar para los sitios web gubernamentales o estatales y se llama Pautas de Accesibilidad para el Contenido Web – WACAG 2.1 – Existen varios criterios de conformidad que se deben cumplir y sobre lo que preguntas es ideal usar textos legibles en donde el tamaño mínimo sea de 12pt aproximadamente, despertar el uso de los encabezados como se muestra en el artículo, con una buena jerarquía de encabezados la persona que use un software de asistencia como un screen reader va a poder navegara través de ellos. Sobre el contraste de color siempre debe ser alto, de esta forma las personas con problemas de visión pueden distinguir mejor el contenido, puedes usar esta herramienta para escoger colores accesibles. Puedes revisar estos recursos que ilustran lo que se debe y no hacer al momento de diseñar pensando en accesibilidad:

Agregar un comentario

Su dirección de correo no se hará público.