应用网域
为展示适用于 Web 应用的迷你应用编程方式,我需要一个简短但足够完整的应用创意。高强度间歇训练 (HIIT) 是一种心血管运动策略,由短时间高强度有氧运动和低强度恢复期交替进行。许多 HIIT 训练都使用 HIIT 计时器,例如,来自 The Body Coach TV YouTube 频道的这个 30 分钟在线课程。
![高强度间歇训练 (HIIT) 在线训练课程,绿色高强度计时器。](https://web.developers.google.cn/static/examples/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/tUl2jNm2bFqGBAFF5s63.png?hl=zh-cn)
![高强度间歇训练 (HIIT) 在线训练课程,配有红色低强度计时器。](https://web.developers.google.cn/static/examples/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/FMUgX3WJ4ZfQX38zHP75.png?hl=zh-cn)
比较该视频的带字幕和不带字幕的屏幕截图。
![带字幕的视频。](https://web.developers.google.cn/static/examples/image/VbsHyyQopiec0718rMq2kTE1hke2/5gUlKnnfGwqP3SrG2oJa.png?hl=zh-cn)
![没有字幕的视频。](https://web.developers.google.cn/static/examples/image/VbsHyyQopiec0718rMq2kTE1hke2/bfDTwxctgjbPpxqtLwsV.png?hl=zh-cn)
此外,还必须对具有 ARIA 演示角色或 aria-hidden 状态的 AT 用户隐藏布局表。
错误做法
[Stamp Image 1] | [Stamp Image 2] | [Stamp Image 3] |
---|
正确做法
<table role="presentation"> <tr> <td>[Stamp Image 1]</td> <td>[Stamp Image 2]</td> <td>[Stamp Image 3]</td> </tr> </table>