Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Responsive
¿Cómo se comprueba un elemento individual en todos los tamaños de pantalla?
Un elemento individual se prueba dirigiéndose a él específicamente y midiéndolo individualmente en cada tamaño de dispositivo. El servicio de comprobación hace exactamente eso: Busca el elemento nombrado —por ejemplo, una tabla de precios, un formulario de registro o un calendario incrustado— en smartphone, tablet y escritorio, y verifica si está presente y visible, si cabe completamente en el ancho del dispositivo y si es fácil de usar.
Preguntas que responde la comprobación de elementos
Por cada tamaño de dispositivo, la comprobación responde cinco preguntas. ¿Está presente el elemento en absoluto? Algunos componentes desaparecen completamente en pantallas pequeñas. ¿Es visible, con ancho y alto mensurables? ¿Cabe en el ancho del dispositivo o se extiende sobre el borde de la pantalla? ¿Todas las superficies de control en él —botones, enlaces, campos de entrada— tienen al menos 24 por 24 píxeles, como exige la regla de accesibilidad WCAG 2.5.8? ¿Y permanece todo el texto dentro completamente legible, en lugar de ser cortado? Para cada perfil de dispositivo, el informe adjunta una captura de pantalla marcada, en la que el elemento probado se destaca: el estado está documentado, no solo afirmado.
Vale la pena ver un elemento individual cuando
La comprobación dirigida es la herramienta adecuada cuando un lugar específico causa preocupación o acaba de repararse. Casos típicos: Una tabla de precios se extendía sobre el borde en el móvil, y después de la corrección debe constar que ahora cabe en los cuatro tamaños de dispositivo. Un nuevo formulario de contacto debe comprobarse para facilidad de uso antes de activarlo. O un contenido incrustado extranjero —un mapa, una ventana de reserva, un widget de reseñas— se comporta de manera diferente al resto de la página, porque proviene de otro proveedor. En lugar de probar toda la página nuevamente, la comprobación de elementos proporciona una respuesta clara para exactamente ese lugar.
- Nombre el elemento que le preocupa lo más concretamente posible —por ejemplo, „la tabla de precios en la página de ofertas”.
- Después de cada reparación, compruebe dirigidamente el elemento afectado en los cuatro tamaños de dispositivo, en lugar de confiar solo en la impresión de escritorio.
- Consulte las capturas de pantalla marcadas en el informe —muestran el elemento en el estado de cada tamaño de dispositivo.
- Deje que el contenido incrustado extranjero como mapas o ventanas de reserva se compruebe por separado, ya que siguen reglas propias.