From 3b7d37110a58f1c36e39a8f2dfa32af517aff828 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= Date: Mon, 28 Sep 2026 18:25:49 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E5=B9=BF=E5=91=8A=E4=BD=8D=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1=E8=A1=A5=E8=BD=AE=E6=92=AD=E5=9B=BE=E5=B7=A6=E4=B8=8A?= =?UTF-8?q?=E8=A7=92=E3=80=8C=E5=B9=BF=E5=91=8A=E3=80=8D=E5=8F=AF=E8=A7=81?= =?UTF-8?q?=E5=B0=8F=E6=A0=87=E7=AD=BE=EF=BC=88=E5=90=88=E8=A7=84=E5=8F=AF?= =?UTF-8?q?=E8=AF=86=E5=88=AB=E6=80=A7=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Code --- docs/plans/2026-09-28-广告位轮播-设计方案.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/plans/2026-09-28-广告位轮播-设计方案.md b/docs/plans/2026-09-28-广告位轮播-设计方案.md index 1735eff..6f89d09 100644 --- a/docs/plans/2026-09-28-广告位轮播-设计方案.md +++ b/docs/plans/2026-09-28-广告位轮播-设计方案.md @@ -147,9 +147,13 @@ imageStagingKey 必须为本服务签发的 staging 键。 - **图片**：固定宽高比（后台上传建议 1200×360，`object-fit: cover`）， `loading="lazy"`。 - **点击**：`window.open(linkUrl, '_blank', 'noopener,noreferrer')`。 +- **广告标识**：轮播图**左上角常驻「广告」小标签**（i18n：zh-CN=广告 / en=Ad） + ——半透明深色底白字小徽标，随轮播切换始终可见；与右上角 ✕ 分侧不重叠。 + 依据《互联网广告管理办法》可识别性要求（信息流广告标配形态），区域 aria-label + 复用同一 i18n 文案。 - **关闭**：右上角 ✕（≥44px 触达区）→ emit close → 页面写 sessionStorage 并卸载。 -- **可访问性**：区域 role="region" + i18n 标签（"广告"）；轮播切换 aria-live="off"； - ✕ 与广告均为可聚焦控件。 +- **可访问性**：区域 role="region" + i18n 标签（"广告"，与可见徽标同源）；轮播切换 + aria-live="off"；✕ 与广告均为可聚焦控件。 - i18n：zh-CN/en 文案齐（现有 vue-i18n 体系）。 ## 7. 管理后台（admin）