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

オープン
#150 コメント 0 件 リアクション 0 件 担当者 2 名 GitHub で見る

メンテナーはふだん 7 日以内に返信

@matej-marcisovsky がすでに取り組んでいます。

2026年10月16日 から。

評価

この issue はまだ評価されていません。

説明

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")
主要言語
TypeScript
スター
6
フォーク
5
平均マージ
5日 6時間
マージ済み PR(30日)
7

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

strapi/website のほかの issue

strapi/website の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。