Qué mira SlopIA, regla a regla

Cada señal es una comprobación que puedes repetir a mano. Aquí tienes el umbral exacto, cuánto pesa, por qué resta y cómo se arregla, con un ejemplo inventado de antes y después.

  1. accesibilidad · 4 puntos

    Accesible y cómoda en el móvil

    Qué mide
    En Chromium: textos con contraste por debajo de 4,5:1 (3:1 si son grandes), párrafos de más de 100 caracteres por línea, campos sin etiqueta y zoom bloqueado. Y con la ventana a 390 px, como un móvil: si la página se sale de la pantalla y cuántos botones o enlaces sueltos miden menos de 24 px.
    Por qué resta
    Más de la mitad de las visitas llegan desde el móvil, y un texto gris claro o un botón diminuto echan a quien tiene prisa o ve peor.
    Cómo se arregla
    Oscurece los grises, dale a los botones al menos 24 px y revisa la web en tu propio móvil antes de publicar.
    antes
    p { color: #b0b0b0; }
    <meta name="viewport" content="user-scalable=no">
    después
    p { color: #4a4a4a; }
    <meta name="viewport" content="width=device-width, initial-scale=1">

La nota es la suma de las señales entre diez. Lo cuento con más calma en cómo calcula SlopIA la nota.

Analizar mi web