Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Buenas prácticas en Web Móvil: Maquetación de las páginas

Unidades de medida

No deben utilizarse unidades de medida absolutas, como px (píxel). En su lugar se deben utilizar medidas porcentuales y relativas (em, ex, bolder, larger, thick) ya que esto permitirá una mejor adaptación a los variados anchos de pantalla de los dispositivos móviles.

Hay excepciones:

  • Los atributos width y height del elemento IMG, para que aparezca el hueco de la imagen antes de que se termine de cargar, y no provoque movimientos del contenido de la página.
  • Definir las dimensiones de márgenes, rellenos y bordes en px (píxeles), para obtener una mayor precisión.

WCAG 1

Se cumple con el punto 3.4 (enlace externo, en inglés): Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo.

WCAG 2

Se cumple con el punto 1.4.4: Redimensionamiento del texto (enlace externo, en inglés): Excepto los subtítulos y las imágenes con texto, el texto debe poder ser redimensionado sin ayudas técnicas hasta un 200% sin perder contenido o funcionalidad.

Fuentes

Saber más: Measures (enlace externo, en inglés).

Información del sitio