Calidad del diseño
Analice su sitio web en anchos de teléfono, tableta y escritorio para detectar problemas de maquetación, contraste y etiquetado, y compare cada análisis con una referencia aceptada.
Esta página fue traducida del inglés. Si hay alguna diferencia, prevalece la versión en inglés. Leer en inglés
Atlas abre su sitio web de Desarrollo en un navegador real con anchos de 375, 768 y 1440 píxeles, detecta problemas de diseño y asigna a cada análisis una puntuación de 0 a 100. También compara las capturas de pantalla con una referencia que usted acepta, de modo que los cambios visuales inesperados destaquen.
Ejecute un análisis
Sección titulada «Ejecute un análisis»-
Abra Search & health → Website health y la pestaña Design quality.
-
Haga clic en Scan website. Atlas comprueba hasta 5 páginas. Si ve No Development website address, añádala primero con Open settings.
-
Lea los resultados en Latest scan: Blockers, Warnings, Pages y Changed from baseline. Elija un Screen width y una Page para ver los problemas de esa página.
-
Compare Baseline y This scan lado a lado. Cada problema incluye una Suggested fix (not applied automatically).
-
Cuando un análisis le parezca correcto, haga clic en Accept as baseline. Los análisis futuros se compararán con él.
Qué comprueba
Sección titulada «Qué comprueba»- Contenido más ancho que la pantalla, texto recortado y elementos superpuestos.
- Áreas táctiles demasiado pequeñas en los teléfonos.
- Texto con muy poco contraste.
- Botones, enlaces y campos sin una etiqueta accesible.
Recent scans enumera los análisis anteriores con su puntuación, el número de problemas y si son la referencia.
Límites
Sección titulada «Límites»- Un análisis a la vez por entorno y hasta 6 análisis por hora.
- Solo el sitio web de Desarrollo.
- Las correcciones son sugerencias; Atlas nunca modifica su sitio web.