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="">
沒有留言:
張貼留言