Hoja de cálculo a tabla HTML

Una tabla leída celda por celda

Cuando miras una tabla, los ojos saltan a la parte superior de la columna para recordar qué significa un número. Quien usa un lector de pantalla oye una celda a la vez y no puede echar un vistazo hacia arriba. Por eso el código tiene que llevar el vínculo entre un valor y su encabezado.

<table>
  <caption>Sales by region, 2026</caption>
  <thead>
    <tr><th scope="col">Region</th><th scope="col">Revenue</th></tr>
  </thead>
  <tbody>
    <tr><th scope="row">North</th><td>$4,200</td></tr>
  </tbody>
</table>

Con scope="col" y scope="row", la celda se anuncia como “North, Revenue, $4,200”. El caption se lee cuando el usuario entra en la tabla, para que pueda decidir si vale la pena explorarla. Una captura de pantalla de una hoja de cálculo no le da nada de esto. Tampoco se puede buscar en ella y se ve borrosa al ampliarla.

Cómo se leen tus celdas

Cuando copias desde Excel, Google Sheets o LibreOffice, una versión HTML del rango llega al portapapeles. La herramienta lee primero esa versión, y así las celdas combinadas sobreviven como colspan y rowspan.

Para texto escrito o un archivo CSV (hasta 5 MB, leído como UTF-8 y, si no, como Windows-1252), la herramienta tiene que averiguar el separador. Si hay un carácter de tabulación en cualquier parte, eso lo decide. Si no, prueba el punto y coma, la coma y la barra vertical en las primeras 30 filas y se queda con el que da un número de columnas más regular. Las filas y columnas vacías alrededor de los datos se recortan.

El encabezado es la primera fila. Si una celda de esa fila está combinada hacia abajo, el encabezado crece para cubrirla, hasta tres filas.

Qué pasa con los números y las fechas

Una columna cuenta como numérica cuando al menos el 80 por ciento de sus celdas llenas se interpretan como números. Las columnas numéricas se alinean a la derecha para que los dígitos queden en fila.

Los números enteros sin símbolo se dejan como están, salvo que su columna también contenga importes, así que tus años y números de referencia no reciben un separador de miles. Un valor que empieza por cero es un código y nunca se toca. Para el ambiguo 1,234, la herramienta mira cómo escribe los decimales el resto de la hoja antes de decidir.

Las fechas se reescriben como YYYY-MM-DD, el único orden que nadie lee mal. Para saber si una columna va con el día primero o con el mes primero, la herramienta busca un valor mayor que 12 en una de las posiciones. Cuando ninguna celda lo decide, las fechas se quedan como se escribieron y las comprobaciones te dicen cuántas son.

Cómo leer las comprobaciones

• Sin fila de encabezado, o la primera fila parece datos (más de la mitad son números o fechas): añade una fila de títulos en la hoja.
• Columnas sin título: una celda de encabezado vacía deja al lector de pantalla sin nada que anunciar.
• Sin título de tabla: basta una frase corta.
• Celdas combinadas conservadas: es válido, pero más difícil de recorrer. Es mejor separarlas y repetir el valor.
• Filas o columnas vacías: en una hoja de cálculo son espacio y en una página web son ruido.
• Tabla ancha: más de cinco columnas con el desplazamiento lateral desactivado.

Cuando no se aplica ninguna advertencia, una línea confirma que la estructura es accesible.

Dos tipos de salida

Para WordPress

La tabla va dentro de un <figure class="wp-block-table"> con casi nada de estilo, para que tu tema la dibuje como cualquier otra tabla. Pega el código en un bloque HTML personalizado.

Independiente

El código viene con un pequeño bloque <style> ligado a un nombre de clase único, para cualquier otro sitio o para una página propia. También puedes descargarlo como un archivo .html completo.

Con el desplazamiento activado, el contenedor recibe role="region", tabindex="0" y una etiqueta tomada del título. Así, quienes usan el teclado pueden enfocar la zona y desplazarla con las flechas.

Solo los valores de las celdas hacen el viaje. Las fórmulas, los colores de celda, el texto en negrita, los anchos de columna y los formatos numéricos que solo existen en la configuración de visualización de la hoja se quedan atrás.