Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Responsive
¿Por qué se trunca el texto en un sitio web?
El texto se trunca cuando el cuadro en el que se encuentra tiene un ancho fijo y el contenido no puede romperse. En pantallas pequeñas, falta el final de una palabra o de una oración completa; los visitantes leen un torso. El servicio de comprobación compara en cuatro tamaños de dispositivo cuánto espacio necesita cada texto y cuánto recibe, y muestra lugares afectados con ejemplos y capturas de pantalla.
Así se crea texto truncado
Las causas frecuentes son anchos fijos de una plantilla de diseño, la prohibición del salto de línea o palabras muy largas, que en alemán no son raras. Las traducciones también causan esto: el texto del botón en inglés encaja, la versión en alemán es más larga y se trunca. En el escritorio esto a menudo permanece invisible porque hay suficiente espacio. Solo en un smartphone con 390 píxeles de ancho se muestra si cada texto encuentra su lugar. Por eso el servicio de comprobación mide cada perfil de dispositivo individualmente: un texto puede ser completamente legible en la tableta y estar truncado en el teléfono. El informe menciona hallazgos separados para cada tamaño de dispositivo, cada uno con el comienzo del texto afectado como ejemplo.
Así el servicio de comprobación mide el desbordamiento
La comprobación examina párrafos, encabezados y puntos de lista en un navegador real: si un texto requiere más ancho del que su cuadro ofrece, hay un desbordamiento. Dos mecanismos de protección evitan alarmas falsas. Primero, los menús colapsados y los elementos no representados no cuentan: su contenido está intencionalmente oculto, no truncado. Sin esta exclusión, cada sitio web con navegación desplegable recibiría docenas de hallazgos falsos. Segundo, se toleran casos límite aislados de pocos píxeles; el informe solo se hace cuando varios elementos se ven afectados. Cada hallazgo se mide dos veces, y solo cuenta lo que ambas mediciones ven de manera consistente. Así el informe describe obstáculos de lectura reales en lugar de coincidencias técnicas.
- Lea sus páginas más importantes en el teléfono y observe palabras que terminan a mitad de letra o que se cortan con tres puntos.
- Verifique botones con descripciones más largas como «Solicitud de presupuesto sin compromiso»; frecuentemente se ven afectados.
- Pida a su agencia que reemplace los anchos fijos con anchos adaptables para que el texto pueda romperse.
- Verifique después de cambios de texto y traducciones que todas las descripciones permanezcan completamente visibles.