Pequeñas decisiones que hacen una página fácil de leer

Una página solo sirve si la persona que la tiene delante puede usarla de verdad. Estas son las pequeñas decisiones que hacen ipe.rest más fácil de leer con teclado, en una pantalla pequeña o con una escritura de derecha a izquierda, y lo que aún no hemos probado.

La última vez explicamos cómo puede abrirse el sitio sin conexión. Esta entrada trata de la lectura en sí. Todo lo que sigue puedes comprobarlo tú mismo, con una tecla o con las herramientas de tu navegador.

Un camino para saltarse el menú

Pulsa Tab en cualquier página de idioma o del diario del sitio y lo primero que alcanzas es un enlace que dice “Saltar al contenido”. Permanece oculto hasta que el teclado llega a él; entonces aparece en la parte superior de la página. Síguelo y irás directo al texto, sin recorrer antes la cabecera.

Siempre ves dónde estás

Cuando te mueves con el teclado, el enlace o botón en el que estás recibe un contorno azul de dos píxeles con un pequeño margen alrededor. No nos hemos limitado a quitar el contorno predeterminado del navegador: lo hemos cambiado por este, más nítido, porque una página que no puedes seguir con la vista es una página que no puedes usar.

Lo bastante grande para tocarlo, fácil de ampliar

Los enlaces y botones de la cabecera, el pie y el selector de idioma miden al menos 44 píxeles de alto, así que un pulgar puede acertarles. El texto del cuerpo es de 17 píxeles en un ordenador y de 16 en un móvil, con un espacio generoso entre líneas, y las palabras largas y las direcciones web se parten en lugar de empujar la página hacia un lado.

La página nunca desactiva el zoom con los dedos, así que puedes ampliarla hasta donde tu navegador lo permita. Y si tu sistema pide menos movimiento, el sitio desactiva sus transiciones y su desplazamiento suave.

Un contraste que se puede calcular

El texto principal es azul marino oscuro sobre una página casi blanca: una relación de contraste de aproximadamente 17 a 1. El gris del texto secundario ronda 6 a 1 y el azul de los enlaces, 6,6 a 1. Una pauta habitual pide al menos 4,5 a 1. Estas cifras salen de los colores de nuestra hoja de estilo, calculadas con la fórmula estándar, no medidas con una herramienta de auditoría.

Cada idioma, en su propia dirección

Cada página declara su idioma, y las páginas en árabe declaran de derecha a izquierda. El diseño usa inicio y fin en lugar de izquierda y derecha, de modo que el enlace de salto, las listas y las sangrías se invierten con el texto. Los navegadores y las tecnologías de apoyo pueden usar la declaración de idioma para elegir la voz o la fuente adecuadas.

Lo que no hemos hecho

No hemos hecho una auditoría formal de accesibilidad ni hemos probado con todos los lectores de pantalla. El sitio tiene un solo esquema de color claro y ninguno oscuro. Si algo te estorba, cuéntanoslo en la página de contacto y lo revisaremos.

ipe(); // read it the way that works for you

Nada de esto es ingenioso. Es una lista corta de valores por defecto que decidimos no quitar, y una página que se mantiene tranquila para ti es más fácil de leer para todos.