Mejorar la accesibilidad de tu sitio

Cuando crees un sitio, ten en cuenta los siguientes consejos para que resulte más fácil leerlo, incluso para las personas con discapacidades.

Incluir texto alternativo

Utiliza texto alternativo en imágenes, logotipos, dibujos y otros gráficos. Sin texto alternativo, los usuarios de lectores de pantalla solo oirán "imagen". Algunas imágenes incluyen el texto alternativo de forma automática, por lo que te recomendamos que compruebes que se corresponda con lo que quieres comunicar.

Añadir o editar texto alternativo en imágenes insertadas

1. Selecciona una imagen o un logotipo.
2. Ve a Más opciones de edición   Añadir texto alternativo.
3. Escribe el texto alternativo en el campo de descripción.

Añadir o editar texto alternativo en imágenes de fondo

1. En un ordenador, abre un sitio en Google Sites.
2. Puedes añadir texto alternativo a una imagen de fondo en:
   • El encabezado de tu sitio: en la parte inferior izquierda del encabezado, haz clic en Imagen .
   • Una sección: a la derecha de la sección, haz clic en Colores de sección   Imagen .
3. Haz clic en Texto alternativo.
4. En el campo de la descripción, introduce el texto alternativo.

Añadir o editar texto alternativo en logotipos o imágenes de banner de temas personalizados

Añadir texto alternativo a temas personalizados nuevos

1. En un ordenador, abre un sitio en Google Sites.
2. A la derecha, selecciona el panel Temas.
3. En "Personalizado", selecciona Crear tema .
4. Para subir un logotipo o una imagen de banner, haz clic en Añadir imagen   Subir.
5. Para añadir texto alternativo, haz clic en la imagen que hayas subido  Texto alternativo.

Añadir o editar texto alternativo en encabezados de temas personalizados

1. En un ordenador, abre un sitio en Google Sites.
2. A la derecha, selecciona el panel Temas.
3. En la sección "Personalizado", en la esquina superior derecha del tema personalizado, selecciona Más   Editar.
4. En "Imágenes", haz clic en la imagen del encabezado  Texto alternativo.
5. En el campo de la descripción, introduce el texto alternativo.

Más información sobre los temas personalizados

Usar contraste de colores alto

El texto y las imágenes resultan más fáciles de leer y comprender si el nivel de contraste de los colores es alto. En las Pautas de Accesibilidad para el Contenido Web 2.0, se recomienda una relación de contraste mínima de 4.5:1 para el texto grande y de 7:1 para otros tipos de texto e imágenes. Evita, por ejemplo, el texto de color gris claro sobre un fondo blanco.

Puedes usar Chrome DevTools para ver las sugerencias de aumento del contraste de los colores y aplicarlas a tu sitio.

Usar texto informativo en los enlaces

Los lectores de pantalla pueden buscar enlaces, por lo que resulta muy útil que el texto de los enlaces sea informativo. Se recomienda usar el título de la página como texto enlazado. Por ejemplo, si incluyes un enlace a tu página de perfil, el texto del enlace debería ser "mi perfil", en lugar de "haz clic aquí" o la URL completa.

Comprobar el tamaño y la alineación del texto

Si quieres que tu sitio sea fácil de leer, utiliza texto alineado a la izquierda con un tamaño de fuente grande cuando sea posible. El texto justificado es más difícil de leer debido a los espacios adicionales que hay entre las palabras.

Utilizar texto para complementar el formato

Se recomienda no centrarse solo en el formato visual para comunicar el significado del texto. Puede que los lectores de pantalla no anuncien los cambios de formato, como la negrita o el resaltado. Por ejemplo, si quieres destacar una sección importante del texto, añade la palabra "Importante".

Utilizar listas numeradas y con viñetas

Documentos y Presentaciones de Google detectan automáticamente algunas listas y les dan formato para que resulten fáciles de leer. Por ejemplo, si empiezas una línea nueva en un documento con el número 1 seguido de un punto, la línea nueva se transforma de forma automática en el primer elemento de una lista numerada. Consulta cómo dar formato a una lista numerada o con viñetas.