Clickable Div - 自動鏈接或使用JS？

Question

我有一個相當複雜的Dynamic Div類列表，其中包含各種需要顯示商店內容的nexted div - 整個事物需要懸停狀態並且可以點擊（它目前應用了懸停樣式）並且可以訪問。

我想我可以通過接近這個 -

1 - 使包含分區成一個錨鏈接和風格相應

2 - 巢股利的類內的錨標記，並寫一個JS功能當包含div被點擊時觸發點擊錨點。

什麼思想是正確的方法？

Answer 1

通過添加「onclick」處理程序，可以使<div>可點擊。但是，您應該指定一個ARIA「role」屬性（例如role =「button」或role =「link」），並指定「tabindex」屬性（tabindex =「0」）以使元素在使用鍵盤上的標籤按鈕時進入焦點。

Answer 2

我肯定會在這種情況下，包裝<a>去，你不必去想設置tabIndex=0，role=link，你也可以跳過添加額外的JavaScript來使按鈕點擊，並結合了同樣的動作回車鍵以及。

，或者如果「鏈接」沒有采取用戶到另一個位置，並且只顯示一個模態窗口或其他一些花哨的功能，你應該在這種情況下，一個<button>你也可以跳過空格鍵結合的動作包裹<div>因爲它是遺傳的。 （但如果你真的不能這樣做，你應該添加role=button到包裝<a>）

現在你可以專注於造型和記住用中:hover和:focus