無障礙網頁設計重點

https://blog.camel2243.com/2016/04/30/html-%E8%A2%AB%E5%BF%BD%E8%A6%96%E7%9A%84html-attribute-aria-label%E3%80%81aria-hidden/

aria-label，螢幕隱藏 

讓朗讀軟體讀到此元件

aria-hidden

可以讓朗讀軟體讀不到此元件

sr-only

只可以讓朗讀軟體讀到此元件

aria-labelledby，螢幕顯示，簡明描述 

aria-describedby，完善描述

aria-live:polite assertive off 

aria-current="page"

wai-aria

<header role= "banner">

<nav role="navigation">

<main role="main">

<footer role="contentinfo">

role = "presentation"

===================================

表格設計

<caption>表格摘要，寫在 <table>下面

或是用

<figure>

  <figcaption>

    ........

  </figcaption>

</figure>

<th scope="col">姓名</th> //方向屬性

<th scope="row">08:10 - 09:00 </th> //方向屬性

<td headers="">