[AXE] Blog post list and dates aren't semantic

Abierto
  • ¿Algo no está bien?
#150 0 comentarios 0 reacciones 2 asignados Ver en GitHub

Los mantenedores suelen responder en 7 días

@matej-marcisovsky ya está trabajando en esto.

Desde el 16/10/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

bug

Where: /blog and blog category pages.

What's wrong: posts are rendered as plain <div> rows and publish dates as <span>, so screen readers get no list structure ("list, 9 items") and dates have no machine-readable form.

Code:

  • components/blog/BlogPostsList.tsx: the list container <div className="flex flex-col gap-4">
  • components/blog/BlogPostRow.tsx: row <div> (via HeroContainerBorder asChild), date <span>

Done when:

  • the list is a <ul aria-label="Blog posts"> (label from translations) with an <li> per post, keeping the current styling
  • the date is <time dateTime="YYYY-MM-DD">October 14, 2026</time>
  • follow-up for QA: once deployed, the Playwright BlogPage page object switches from structural CSS selectors to getByRole("list", { name: "Blog posts" }) / getByRole("listitem")
Lenguaje dominante
TypeScript
Estrellas
6
Forks
5
Merge medio
5 d 6 h
PR fusionados (30 d)
7

Preparar el entorno

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de strapi/website

Todos los issues de strapi/website

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.