Closed YusukeHirao closed 4 months ago
GlobalNavigationAccordion
li
ul
summary > a > button
summary
a
role=button
role=link
button
details
aria-expanded
aria-controls
hidden
AS IS
GlobalNavigationAccordionコンポーネントは展開されるとli要素ではないのにul要素の直下にあるsummary > a > buttonという構造を作っているsummaryはインタラクティブ要素のため、a要素を内包する点に問題がある（将来的にrole=buttonとなるためrole=linkを内包するべきではない）a要素の中にbutton要素は仕様で内包できないbutton要素）に名前がないTO BE
GlobalNavigationAccordionコンポーネントをli要素でラップdetails/summary要素の採用を止めて、a要素とbutton要素を分離button要素はaria-expandedとaria-controlsを付与hidden属性を利用button要素）の名前に「サブメニュー」を設定