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)