每日 30 秒 ⏱ HTML Cosplay

每日 30 秒 ⏱ HTML Cosplay_第1张图片

简介

无障碍、WAI、ARIA、a11y、Accessibility、框架选择

如何向 视障用户 介绍兔子长什么样?有的同学可能会说:

  • 毛茸茸的长耳朵。
  • 短短圆圆的小尾巴。
  • 红红的眼睛。

那如何向 视障用户 介绍网页长什么样?有看过 语义化与无障碍树 的同学可能会说:

  • header 标签表示一个网页的页眉。
  • main 标签表示一个网页的内容。
  • footer 标签表示一个网页的页脚。

哎呦不错哦~ 那你给我表演一下怎么描述 导航 呢?

导航

现在

在 HTML5 语义化标签的加持下导航可以这样写:

不同用户理解:

  • 普通用户通过 显示效果 识别出是导航。
  • 程序员通过 nav 标签 识别出是导航。
  • 视障用户通过 屏幕阅读器 识别出是导航。

过去

这个时候有同学想过在

你可能感兴趣的:(javascript)