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
- Selecciona una imagen o un logotipo.
- Ve a Más opciones de edición Añadir texto alternativo.
- Escribe el texto alternativo en el campo de descripción.
Añadir o editar texto alternativo en imágenes de fondo
- En un ordenador, abre un sitio en Google Sites.
- 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 .
- Haz clic en Texto alternativo.
- 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
- En un ordenador, abre un sitio en Google Sites.
- A la derecha, selecciona el panel Temas.
- En "Personalizado", selecciona Crear tema .
- Para subir un logotipo o una imagen de banner, haz clic en Añadir imagen Subir.
- 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
- En un ordenador, abre un sitio en Google Sites.
- A la derecha, selecciona el panel Temas.
- En la sección "Personalizado", en la esquina superior derecha del tema personalizado, selecciona Más Editar.
- En "Imágenes", haz clic en la imagen del encabezado Texto alternativo.
- 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.