我正在尝试使我的导航栏键盘的下拉菜单也可以访问。然而,没有成功。我已经阅读了 WAI 说明并应用了它们,但它似乎不起作用。我不想使用 javascript(如果可能的话)!代码如下:
<nav id="main-menu" role="navigation" aria-label="Main navigation" role="navigation"class="fixed">
<ul class="sf-menu fixed" id="menu">
<li class="dropdown"> <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Υπουργείο</a>
<ul role="menubar" aria-label="Main Menu" >
<li><a href="#" role="menuitem">Όραμα και Αποστολή</a></li>
<li><a href="#" role="menuitem">Υπουργός</a></li>
<li><a href="#" role="menuitem">Γενικός Διευθυντής</a></li>
<li><a href="#" role="menuitem">Προηγούμενοι Υπουργοί</a></li>
<li><a href="#" role="menuitem">Οργανωτική Δομή</a></li>
<li><a href="#" role="menuitem">Συμβούλια / Επιτροπές</a></li>
</ul>
</li>
<li class="dropdown"> <a href="#">Επιδόματα και Παροχές</a>
<ul>
<li><a href="#">Ελάχιστο Εγγυημένο Εισόδημα και Δημόσιο Βοήθημα</a></li>
<li class="dropdown"><a href="#">Οικογένειας και Παιδιού</a>
<ul>
<li><a href="#">Ειδικό Βοήθημα Τοκετού σε Άγαμες Μητέρες</a>
<li><a href="#">Επίδομα Τέκνου, Επίδομα Μονογονεϊκής Οικογένειας</a>
<li><a href="#">Τιμητικό Επίδομα Πολύτεκνης Μάνας</a>
<li><a href="#">Επίδομα Πατρότητας</a>
<li><a href="#">Σχέδιο Παραχώρησης Ωφελημάτων σε Οικογένειες που Αποκτούν Τρίδυμα και Άνω</a> </ul>
</li>
<li><a href="#">Εργασίας/Ανεργίας</a></li>
</ul>
</li>
</ul>
另外,我想添加一个小箭头,当菜单展开/折叠时,它会相应地改变。我如何使用 CSS 做到这一点,并使其也可以通过键盘访问?
提前致谢。