Accesibilidad web
Pretendemos llegar a todo el mundo, no sólo a aquellos con visión perfecta, ordenador de última generación con navegador moderno y conexión de banda ancha y baja latencia.
Para ello tenemos en cuenta factores importantes como:
-
Contraste de color entre el texto y el fondo para asegurar una buena legibilidad.
-
Degradación del sitio al usar un navegador o dispositivo sin Javascript ni hoja de estilos.
-
Separación de la presentación del contenido con el uso adecuado de CSS.
-
Uso de medidas relativas y no absolutas para un diseño elástico y semifluido.
-
Estructura correcta de encabezados organizados de forma jerárquica.
Mejora progresiva
Gracias al proceso de mejora progresiva, si por alguna razón no se pueden mostrar elementos accesorios como sombras o iconos, al menos se muestra la información esencial en lugar de una pantalla en blanco.
Para conseguir este resultado seguimos este proceso:
-
Primero se escribe el contenido o un facsímil del mismo.
-
A continuación este contenido es marcado semánticamente, indicando qué es cada elemento.
-
Una vez marcado (y no antes) se escribe la hoja de estilos, donde se especifica cómo se muestra el contenido.
-
Según esté organizado el contenido se establecen los puntos de corte para que éste se adapte bien a pantallas de todo tamaño.
Marcado semántico
El marcado semántico consiste en indicar qué es cada elemento, no cómo se presenta, facilitando el acceso no sólo a navegadores web, sino a todo tipo de agentes de usuario, ya se trate de un lector braille, un lector de pantalla o los robots de Google y otros buscadores.
Esto es fundamental no sólo para facilitar el acceso a aquellos que necesitan tecnologías asistivas, sino para aparecer de forma correcta en buscadores y reducir la tasa de rebote.
Separar contenido de presentación permite el uso de modelos de caché eficientes, de forma que el navegador puede guardar una copia temporal de archivos de presentación que no necesitará volver a solicitar durante un tiempo, con lo que además de ahorrar datos la página carga más rápido.
Eficiencia web
Un sitio web estático puede mostrar contenido a todo el mundo de forma eficaz, rápida y accesible, sin relleno que desperdicie tiempo, batería y datos.
Este método presenta una serie de ventajas:
-
El contenido se genera una vez y no en cada carga de página.
-
No tiene agujeros de seguridad ya que no hay código que explotar.
-
Su alojamiento es muy económico debido al bajo consumo de recursos.
-
No necesita actualizaciones de seguridad.