El contenido de texto del elemento “time” no estaba en el formato requerido: El literal no cumplía con el formato time-datetime.

El elemento <time> representa un momento específico o duración en el tiempo. Los navegadores, motores de búsqueda y tecnologías asistivas dependen del análisis de su valor para entender datos temporales programáticamente. El elemento puede obtener su valor legible por máquinas de dos lugares: el atributo datetime, o, si ese atributo está ausente, directamente del contenido de texto del elemento.

Cuando no hay un atributo datetime, el contenido de texto en sí mismo debe estar en uno de los formatos válidos especificados por el estándar HTML. Aquí es donde típicamente ocurre el error—los autores escriben una fecha legible por humanos como “20 de marzo de 2025” o “el martes pasado” como contenido de texto sin proporcionar un atributo datetime, y el validador lo rechaza porque esa cadena no es analizable por máquinas.

Por qué esto importa

• Legibilidad por máquinas: Los motores de búsqueda (mediante datos estructurados) y funciones del navegador (como integración de calendario) dependen del análisis del valor del elemento <time>. Un formato inválido significa que estas herramientas no pueden entender la fecha o hora.
• Accesibilidad: Los lectores de pantalla y otras tecnologías asistivas pueden usar la fecha-hora legible por máquinas para presentar información temporal de manera más útil a los usuarios.
• Cumplimiento de estándares: La especificación HTML define explícitamente qué formatos son válidos. Usar cualquier otra cosa hace que tu documento no sea conforme.

Cómo solucionarlo

Tienes dos opciones:

1. Añadir un atributo datetime con el valor legible por máquinas, y mantener el texto legible por humanos como contenido visible. Este es el enfoque más común y práctico.
2. Usar un formato válido directamente como contenido de texto si no te importa mostrar un formato legible por máquinas a los usuarios.

Formatos válidos

Aquí tienes una referencia de formatos aceptados para el elemento <time>:

Ejemplos

Incorrecto: Texto legible por humanos sin atributo datetime

El validador reportará el error porque “20 de marzo de 2025” no es un formato válido legible por máquinas:

<p>El concierto es el <time>20 de marzo de 2025</time>.</p>

Incorrecto: Texto informal como contenido

De manera similar, cadenas de fecha casuales no son válidas:

<p>Actualizado <time>el viernes pasado</time>.</p>

Correcto: Usando el atributo datetime

Añade un atributo datetime con el valor legible por máquinas y mantén visible el texto amigable para humanos:

<p>El concierto es el <time datetime="2025-03-20">20 de marzo de 2025</time>.</p>

Correcto: Incluyendo hora y zona horaria

<p>
  El evento comienza a las
  <time datetime="2025-03-20T13:00-05:00">1:00 PM EST el 20 de marzo de 2025</time>.
</p>

Correcto: Formato legible por máquinas como contenido de texto

Si no se proporciona un atributo datetime, el contenido de texto en sí mismo debe ser un formato válido:

<p>Fecha: <time>2025-03-20</time></p>

Correcto: Representando una duración

<p>Tiempo de cocción: <time datetime="PT1H30M">1 hora y 30 minutos</time>.</p>

Correcto: Usando solo un valor de hora

<p>La tienda abre a las <time>09:00</time> todos los días.</p>

Como regla general, siempre que quieras mostrar una fecha u hora de manera natural y amigable para humanos, emparéjala siempre con un atributo datetime que contenga el equivalente legible por máquinas. Esto mantiene tu HTML válido, tu contenido accesible, y tus datos temporales útiles para las máquinas.

Más información:

MDN Reference

MDN - time

→

MDN Reference

MDN - date and time formats

→

WHATWG Spec

HTML spec - valid duration string

→