From 67136f97982acc0a1d0331f61d059dfd155534b5 Mon Sep 17 00:00:00 2001
From: ThearchyHelios <work@thearchyhelios.com>
Date: Sun, 4 Oct 2026 03:18:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9B=AE=E5=BD=95=20F2b=20/?=
 =?UTF-8?q?=20D4=20=E8=B7=9F=E8=BF=9B=EF=BC=9A=E7=AA=84=E5=B1=8F=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E9=87=8C=E6=AF=8F=E9=A1=B9=E5=89=8D=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=90=8D=E4=B8=8D=E5=86=8D=E5=AF=B9=E8=AF=BB?=
 =?UTF-8?q?=E5=B1=8F=E9=9A=90=E8=97=8F=E2=80=94=E2=80=94=E8=A1=A8=E5=A4=B4?=
 =?UTF-8?q?=E6=94=B6=E8=B5=B7=E5=90=8E=E8=AF=BB=E5=B1=8F=E9=9D=A0=E5=AE=83?=
 =?UTF-8?q?=E7=9F=A5=E9=81=93=E6=98=AF=E5=93=AA=E4=B8=80=E9=A1=B9=EF=BC=9B?=
 =?UTF-8?q?=E5=AE=BD=E5=B1=8F=E6=97=B6=E5=AE=83=E6=98=AF=20display:none?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=8D=E4=BC=9A=E9=87=8D=E5=A4=8D=E5=BF=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/catalog/ColumnTable.tsx | 7 +++++--
 frontend/src/pages/catalog/TableDetail.tsx | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/catalog/ColumnTable.tsx b/frontend/src/pages/catalog/ColumnTable.tsx
index 26f49b9c..cec5a1ba 100644
--- a/frontend/src/pages/catalog/ColumnTable.tsx
+++ b/frontend/src/pages/catalog/ColumnTable.tsx
@@ -24,7 +24,10 @@ import type { ColumnDraft, ColumnField } from './model'
 // 不按视口：宽屏左右两栏时右栏也可能很窄。
 // ===========================================================================
 
-/** 窄框下的卡片式排法（容器查询，框宽 < 40rem 时生效）。表格元素改成块，表头藏起来，每格前面补上字段名 */
+/**
+ * 窄框下的卡片式排法（容器查询，框宽 < 40rem 时生效）。表格元素改成块，表头藏起来，每格前面补上字段名。
+ * 字段名宽屏时 display:none，读屏不重复念；窄屏时表头藏了，读屏靠它知道是哪一项
+ */
 export const NARROW = {
   table: '@max-[40rem]:block @min-[40rem]:min-w-[860px] @min-[40rem]:table-fixed',
   head: '@max-[40rem]:hidden',
@@ -121,7 +124,7 @@ const ColumnRow = memo(function ColumnRow({ col, editing, draft, initial, proble
     return (
       // 窄框下没填的项不占行（编辑时照常列出来好填）
       <td className={clsx('px-2 py-1.5 align-top', NARROW.cell, !it && !editing && '@max-[40rem]:hidden')} data-cell={f} data-status={it?.status}>
-        <span className={NARROW.label} aria-hidden>{CT.columnHead[f]}</span>
+        <span className={NARROW.label}>{CT.columnHead[f]}</span>
         <div className="flex min-w-0 flex-1 items-start gap-1.5">
           <div className="min-w-0 flex-1">{editing ? input : view}</div>
           {it && !changed && (
diff --git a/frontend/src/pages/catalog/TableDetail.tsx b/frontend/src/pages/catalog/TableDetail.tsx
index 7ab52d7c..14603cde 100644
--- a/frontend/src/pages/catalog/TableDetail.tsx
+++ b/frontend/src/pages/catalog/TableDetail.tsx
@@ -712,7 +712,7 @@ function RelationList({ relations, busy, targetOf, onOpen, onReview }: {
   if (!relations.length) return <p className="rounded-lg border px-3 py-4 text-xs text-faint" data-relations-empty="">{CT.noRelations}</p>
   // 窄框（< 40rem）下和列表格一样排成卡片：状态在第一行，下面每项一行「字段名 值」，不用横向滚动
   const cell = clsx('px-2 py-1.5 align-top', NARROW.cell)
-  const label = (text: string) => <span className={NARROW.label} aria-hidden>{text}</span>
+  const label = (text: string) => <span className={NARROW.label}>{text}</span>
   return (
     <div className="@container relative overflow-x-auto rounded-lg border" data-catalog-relations="">
       <table className="w-full border-collapse text-xs @max-[40rem]:block @min-[40rem]:min-w-[640px]">