1. 首頁
  2. 問答
  3. 如何使<details>元素鍵盤可以訪問？

如何使<details>元素鍵盤可以訪問？

2012-01-03 18 views
1

我最近發現了<details>元素。雖然support is limited，它似乎很有趣。如何使<details>元素鍵盤可以訪問？

雖然有一個主要問題：它不是鍵盤可訪問的。換句話說，不可能將TAB放入元素中。它似乎沒有得到重點，所以它需要點擊鼠標來揭示<summary>。

  • 有什麼辦法讓這個鍵盤可以訪問嗎？
  • 這可能只是webkit的錯誤實現，或者這是它的設計方式嗎？

演示（WebKit的只）：http://jsfiddle.net/rkq3M/

來源

2012-01-03 Wesley Murch

+0

焦點很容易添加。只需在元素上粘貼tabindex = 0屬性即可。可悲的是，這並沒有真正的幫助，因爲沒有JS打開或關閉元素仍然沒有辦法。我擔心這對於Webkit來說當然是可以接受的，在這種情況下，可訪問性總是似乎是事後纔想到的。對於IE的所有批評，微軟一直認真對待可訪問性。 – Alohci 2012-01-03 17:13:00

+0

我明白了，謝謝Alochi。聽起來像提交錯誤報告是正確的行爲。太糟糕'tabindex'沒有幫助。我不得不承認，這個元素的行爲看起來有點像真的太好，或者與其他任何元素都不一樣;幾乎像''但語義。像有人熬夜想出這個想法。 – 2012-01-03 17:26:11

+0

是的，也許吧。 [我自己對元素的看法可以在這裏找到]（http://html5doctor.com/the-details-and-summary-elements/#comment-17101） – Alohci 2012-01-03 17:35:54

回答

3

對於這種問題，我會推薦的WebKit項目頁面上提高了一個錯誤：

https://bugs.webkit.org/

記住，細節元素是新的並且尚未完善，因此值得在WebKit中修復它，而不是嘗試爲特定實現添加修補程序。

來源

2012-01-03 16:51:15 Fenton

+1

這或多或少是我想到的：確切地說明這個元素應該如何表現，但我還認爲可能有某種方法可以處理我忽略的焦點，並且實際上並不需要hack/polyfill 。那麼我接受了你的建議並提交了一個錯誤報告：https：//bugs.webkit.org/show_bug.cgi？id = 75478 – 2012-01-03 17:02:40

+0

@Madmartigan提高bug的好工作 - 這樣的問題很重要。 – Fenton 2012-01-04 10:28:55

相關問題

 相關問題