HTML5的細節和總結可用性關注

Question

新的HTML5的細節和摘要元素，在Chrome 12

正在實現我發現，是關於我一兩件事，我想聽聽你對此事的看法。

當設置了open屬性時，除摘要元素之外的任何子節點，details元素的「content」都將從文檔流中移除。

• 我想 給用戶一個清晰的視覺提示，以提高可用性。

• 所以我阻止了JavaScript中的默認 行爲。

• 當摘要元素切換 （點擊或鍵盤），滑下 動畫，如果細節 元件關閉或啓動向上滑動 動畫開始時的細節 元件打開。

如果元素已打開，則在動畫完成時將刪除打開的屬性。否則，在動畫仍在運行時，內容將立即隱藏。

這是很好，但可達性呢？使用輔助技術的人們。他們必須等待滑動動畫的持續時間，然後才能確認details元素已關閉（因爲只有這樣，打開的屬性纔會被刪除）？

Answer 1

爲什麼不在關閉動畫之前將aria-expanded設置爲false？

Answer 2

讓您的頁面在沒有任何腳本的情況下運行，這將有助於提高可用性。只有在增加可用性的地方添加腳本 - 上下滑動或淡入/滑出的內容可能會在第一次看起來很酷，但是在讓用戶等待幾次後才能使用它們，然後才能訪問正在顯示的內容，變得很煩人。