how to make accessible menu with WordPress for those people with disabilities?
i want to develop a wordpress navigation with default wp_nav_menu() but i am succeeded yet. i tried a lot of example and tips but its not match the requirement, sometimes i got solution in such its working but in other hand it fails, I have tried following example in my coding: https://www.wpexplorer.com/superfish-wordpress/
this is my default wp_nav_menu():
wp_nav_menu(array(
'theme_location' = 'primary',
'sort_column' = 'menu_order',
'menu_class' = 'sf-menu',
'fallback_cb' = 'default_menu',
'walker' = new CSS_Menu_Walker()
));
and if i used below vanila HTML (with some javascript) with wordpress, it's working fine, then i am unable to control the navigation with WordPress.
nav aria-label=Menu of Library class=desktop-navigation
ul id=menubar1
role=menubar
aria-label=Menu of Header
li role=none
a role=menuitem
aria-haspopup=true
aria-expanded=false
href=#
tabindex=0
About
/a
ul role=menu aria-label=About
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/overview/
tabindex=0
Overview
/a
/li
li role=none
a id=menubar113
role=menuitem
href=#
aria-haspopup=true
aria-expanded=false
tabindex=0
Team
/a
ul role=menu aria-label=Team
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/leadership/
tabindex=0
Leadership
/a
/li
/ul
/li
li role=none
a role=menuitem
aria-haspopup=true
aria-expanded=false
href=#
tabindex=0
Focus areas Cores
/a
ul role=menu aria-label=Focus areas Cores
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/communication-and-mobility/
tabindex=0
Communications and Mobility
/a
/li
/ul
/li
li role=none
a role=menuitem
aria-haspopup=true
aria-expanded=false
href=#
tabindex=0
Research
/a
ul role=menu aria-label=Research
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/active-studies/
tabindex=0
Active Studies
/a
/li
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/recent-publications/
tabindex=0
Publications
/a
/li
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/seed-funding/
tabindex=0
Seed Funding
/a
/li
/ul
/li
li role=none
a role=menuitem
aria-haspopup=true
aria-expanded=false
href=#
tabindex=0
News Events
/a
ul role=menu aria-label=News Events
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/news/
tabindex=0
News
/a
/li
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/events/
tabindex=0
Events
/a
/li
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/newsletters/
tabindex=0
Newsletters
/a
/li
/ul
/li
li role=none
a role=menuitem
href=?php echo get_site_url(); ?/contact-us/
tabindex=0
Contact Us
/a
/li
/ul
/nav
if any one help me to create the web accessible navigation with default wordpress navigation function.
Topic accessibility menus Wordpress
Category Web