我的JS手風琴是否可以使用？

Question

這是一個jQuery的手風琴，我放在一起： http://jsfiddle.net/cutcopypaste/xAPSz/

我想知道它是否會與屏幕閱讀器和其他輔助技術工作。

我知道，沒有JavaScript的，一切都將擴大，這完全是罰款。

我添加了一個鏈接懸停效果，表明頭是可以點擊的，但我不知道會不會有屏幕閱讀器......將所有的內容是在一開始就看到發生什麼事？ （這是可以的），還是會被摺疊而不顯示列表項應該被點擊？什麼可能是解決這個問題的好方法？

我正在考慮使用js在標題周圍添加實際的錨點標籤，以表明它可以點擊（而不僅僅是我現在使用的：hover樣式），但不確定它是否值得

Answer 1

屏幕閱讀器有所不同，但往往只讀什麼是顯示在屏幕上。由於您的手風琴開始關閉，因此最好用鏈接替換標題，或者在標題文本週圍包裹鏈接。這樣他們就成爲屏幕閱讀器的可點擊項目，允許用戶跳過標題/鏈接或打開它們以獲取內容。

添加鏈接會讓你的手風琴鍵盤訪問過。一般來說，如果你希望人們點擊事物來獲得結果，你最好先製作鏈接，然後用CSS對它們進行樣式設計，以便找到你想要的樣子。它比使用其他元素的工作量少，然後通過腳本添加後焦點和激活功能。您可以選擇一個鏈接並通過按回車鍵激活它，這意味着視力或行動障礙的用戶可以輕鬆獲得。