Xunta de Galicia Voluntariado Dixital

Inicio > A Rede > Novas
Ollo sobre espectro cromático

Como deseñar un sitio web para usuarios con discapacidade visual?

Versión para impresiónSend by email
Santiago, 23/07/14 (13:18)

Hai 285 millóns de persoas con discapacidade visual no mundo. E a pesar da súa discapacidade, a maioría delas usan Internet todos os días. E é seguro que teñen dificultades con algunhas páxinas web. Proporcionamos unha pequena guía para deseñar un sitio web que poderán usar as persoas coa discapacidade visual.


Deseño

Os deseños deben ser claros e sinxelos. As marxes anchas das páxinas de textos axudan a ler o seu contido con facilidade. Ademais, se o texto é presentado en columnas, asegúrese de que hai suficiente espazo entre elas. Use a regra vertical, se o espazo é limitado. Ademais, pode ofrecer ?axuda coa navegación? para os seus lectores, por exemplo, as opcións para separar as seccións non relacionadas ou a lista de contido para os documentos con moitas páxinas.

Tamén é importante optimizar o deseño da versión móbil do seu sitio web. Hai que simplificar os elementos, centrarse no texto e facelo menos confuso para a visión borrosa ou as dificultades coas cores e o contraste. Con todo, non lle aconsellamos usar as grandes cantidades de JavaScript e a funcionalidade de AJAX, xa que eles non son apropiados para os usuarios cegos.

 

Combinacións de Cores

En primeiro lugar, o fondo debe ser claro e non debe ter ningún ruído. En poucas palabras, hai que usar os fondos unicolores. Do mesmo xeito, o fondo de vídeo require un pouco máis de esforzo. A vantaxe do vídeo é que se pode diferenciar os niveis do ruído e a atmosfera das escenas cambiantes.

Ademais, hai que prestar moita atención ás cores dos puntos de acción. Ao deseñar os botóns,  evite o uso da combinación de cores que son confusos para os usuarios daltónicos. As cores vermello, azul, verde e amarelo son ideais. Asegúrese de que os elementos das accións directas conteñen a iconografía clara e visible e o texto de explicación.

 

Atallos de teclado

Os atallos de teclado poden facilitar a navegación para os usuarios con discapacidade visual. Coa adición dos comandos de teclado, é máis fácil examinar o sitio web sen ter que seguir o cursor do rato na pantalla.

A maioría das persoas coa discapacidade visual usan os monitores de gran tamaño que en realidade requiren moitos movementos da cabeza e os ollos. Por tanto, é importante que:

  • A orde das pestanas sexa lóxico
  • O indicador do enfoque sexa visible
  • Se poida acceder a todas partes da páxina web a través do teclado.

Tamaño de textos

Polo xeral, recomendámoslle usar os textos de tamaño grande.

Hai que ter en conta que a maioría dos usuarios con discapacidade visual queren aumentar o tamaño do texto sen cambio do deseño de todo o sitio. Pola contra, isto pode causar problemas co desprazamento e o seguimento de texto.


Tipografía

Antes de usar unha fonte no seu sitio web hai que optimizalo. Primeiro, un tipo de letra debe ser fácil de ler, aquí hai algúns factores importantes adicionais:


Tamaño

Recomendámoslle un tipo de 9-12 pt. Polo xeral, o tipo de letra de tamaño entre 8 ? 10 puntos é o máis usado na web.

Cursiva

Non se debe utilizar a cursiva para o seu texto. Só se usa para destacar unha frase ou palabras importantes. Con todo, é importante usar semi-negrita para o seu texto principal.

Espazo entre palab​ras

Recomendámoslle o espazo ?even? entre palabras (regularidade no espaciado) para os usuarios con discapacidade visual.

Maiúsculas

O texto de maiúsculas é máis difícil de ler que o texto regular. Use as maiúsculas para as etiquetas.

Títulos

Os títulos deben estar claramente distinguidos do texto principal. Non use maiúsculas para os títulos. O espazo adicional baleiro ao redor dos títulos axuda a distinguilos.

Parágrafos

Sempre deixe espazo entre parágrafos.

Lonxitude de liñas e final de liñ​as

A mellor lonxitude da liña é 50 ? 65 caracteres.
Tamén se pode usar Braille.

 

Faga a súa imaxe "visible"

Use un par de palabras debaixo de cada imaxe para describila.

Para engadir unha breve descrición da imaxe use o atributo "alt" na etiqueta da imaxe. É especialmente útil en caso das páxinas con moitas imaxes ou fotos.

Ademais, se desexa agregar os vínculos ás imaxes, hai que incorporar o atributo "alt" na etiqueta da imaxe.


Animación HTML5  ou Flash media

Flash pode ser unha gran distracción para os usuarios coa discapacidade visual. Para acceder a flash, un ten que facer clic nas iconas ou botóns. Pero os botóns non din nada a unha persoa cega. Con todo, hai reprodutores flash alternativos que teñen etiquetas para estes botóns (en lugar de dicir "botón", dirá algo como "botón de pantalla completa"). YouTube usa a mesma técnica.

Tema: Xeral
Fonte: TemplateMonster Blog
Xunta de Galicia
© Xunta de Galicia. Información mantida e publicada na internet pola Xunta de Galicia
Atención á cidadanía | Accesibilidade | Aviso Legal | Mapa do portal