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

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.