切换器

应用网域

为了展示将迷你应用编程方式应用于 Web 应用，我需要一个小巧但足够完整的应用想法。高强度间歇训练 (HIIT) 是一种心血管锻炼策略，将短时间的高强度无氧运动与强度较低的恢复期交替进行。许多 HIIT 训练都使用 HIIT 计时器，例如 The Body Coach TV YouTube 频道中的这项 30 分钟在线课程。

在线 HIIT 训练课程，其中显示了绿色的高强度计时器。
有效期。
在线 HIIT 训练课程，红色低强度计时器。
休息时段。
比较此视频中带字幕和不带字幕的屏幕截图。

带字幕的视频。
不带字幕的视频。

还必须使用 ARIA 呈现角色或 aria-hidden 状态，将布局表格隐藏起来，以免 AT 用户看到。

错误做法

  My stamp collection
  

    [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>