docs: 广告位设计补轮播图左上角「广告」可见小标签(合规可识别性)

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-28 18:25:49 +08:00
parent 678225e8b5
commit 3b7d37110a
@@ -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)