Support » Accessibility » Appearance > Menus, Accessibility problems for blind users with screen reader

  • Hi
    I am an expert of assistive technologies and I teach WordPress web designing to the blind people who use screen reader. WordPress is the most accessible CMS and the only CMS with special focus on accessibility for assistive technologies. I really appreciate that.
    I am blind and I use WordPress with screen reader (JAWS and NVDA). I have several problems with Appearance> Menus Editor, which makes it difficult for blind people to create or rearrange menus. I appreciate if anyone helps or guides me about how to solve those problems:
    1- Accessibility problem for adding new menu items:
    In the older versions of WordPress, I could easily add new items to the menu by clicking on the menu item, but in the latest updates, I cannot add new menu items. For example, I go to “Posts” and I press Enter, but I cannot see a list of posts in order to add to menus. I click (press enter) on “Custom Link”, but nothing happens, I cannot add a new custom link to the menu.
    I tried to use JAWS Cursor and NVDA Object Review, which simulate mouse movements and mouse clicks using keyboard, but no luck.
    I tested the problem in all browsers: Chrome, Firefox and IE, but no luck.
    Suggestions:
    a. Following accessibility standards in coding: Solving the accessibility problem of the menu headings, so we can expand/collapse the headings by pressing Enter on that heading. For example, we press Enter on “Posts”, and we see a list of posts under that heading.
    b. Adding new items via comboboxes: There might be a few combo boxes that ask us what type of menu (post, page, custom link, etc.) we want to add; which of the available pages or posts we want to add; at what hierarchical position we want to put the new item. This is quite accessible for the blind.
    c. Adding/reordering new items via the editor page: When adding or editing a post or page, there should be a checkbox called “add to menu” with three comboboxes: select menu, select parent item, select item position.

    2- Accessibility problem of Screen Options:
    In appearance> Menus dashboard, I pressed Enter on “Screen Options”, hoping there might be an “Accessible Mode” just like the Widgets page that has an accessible mode in “Screen Options”, but as much as I tried with JAWS, NVDA, JAWS Cursor and NVDA Object Review, I could not expand the screen options. It is always collapsed, so I could not access those options. This problem did not exist in the previous versions of WordPress. Of course, I know the “Accessible Mode” option does not exist in Menus dashboard, it exists in Widgets dashboard only.
    I use JAWS 2020 and NVDA 2020.
    Suggestions:
    a. Accessible mode: Please add an “Accessible Mode” to the screen options of menus editor, just like the Accessible Mode in the screen options of Widgets Editor. Also, test that button with screen readers so to make sure it works with JAWS and NVDA.
    b. Desktop app: I wish there was a desktop app that allowed me to rearrange large menus with many items fast and easily with keyboard.

    3- Accessibility Problem when rearranging and reordering menu items:
    When we have only a few menu items, blind people can easily rearrange/reorder those items by clicking on the item and pressing “move up/ move down”. However, most of the times our website has so many items with parent-child hierarchical structure. This makes it so tedious and time-consuming for a blind person to arrange the menu items. For example, if they have a menu with tens of items and sub-items, when they add a new menu item, it goes to the end of the long list. They need to press “Move Up” tens of times in order to bring the item to a proper position under a proper parent item. Every time after pressing “Move Up” link, the cursor focus changes, and they have to find “Move up” link again and again.
    Suggestions:
    a. Rearranging via comboboxes: Just like the Widgets editor, When they press Enter on a menu item, instead of “Move up/Move Down” links, they should see two comboboxes: parent item, position. This way, they rearrange the item position so fast and easily.
    b. Parent item: Among all types of menu items (Post, page, custom link, category, tag, etc.) there should be a new critical type called “Parent item”. Parent menu item is a neutral link that has sub-items (children) in the hierarchy. It is not linked to any page or post, and it goes nowhere when clicked. It just expands/collapses in order to show the sub-items. This is better than adding a custom-link and then converting the custom link to a parent-item.

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter javad2000

    (@javad2000)

    Hi again
    I investigated the problem on several PCs with several versions of JAWS and NVDA. About the first two problems:
    1- Accessibility problem for adding new menu items:
    2- Accessibility problem of Screen Options:

    I found out the following:
    I have a multisite with a main site (www.d-dar.com) and a sub-site (www.d-dar.com/template/). The first two problems are fully solved in the main site if I use NVDA 2020, and partly solved if I use JAWS 2020. However, those two problems still exist on the subsite.
    I wonder why the menu editor of the main site works quite well, but the menu editor of the subsites do not work at all.
    I asked a sighted person to use the menu-editor of the subsite with mouse, but the problem exists for sighted people as well. They could not add any custom link to the menu.
    I deactivated all plugins. I used the default theme (Twentytwenty) for both the main site and the subsite, but no luck. Neither blind people nor sighted people could use the menu editor. They could not add custom-links to the menu.
    I added a fresh new site to the multisite, but the fresh new site had the same problem with its menus. I cannot use its menu editor, while I can use the menu editor of the main site efficiently.

    About the third problem:
    3- Accessibility Problem when rearranging and reordering menu items:

    I had opened a ticket and a feature-request topic 3 years ago:
    https://wordpress.org/support/topic/accessibility-issue-in-arranging-the-menu-items/
    https://core.trac.wordpress.org/ticket/43305

    But no luck after 3 years. I hope WordPress accessibility team will solve the problem via a plugin or preferrably via the core ASAP.
    Best Regards

    When I tried your URLs from above the root domain seemed to work but the subdirectory called ‘template’ did not work at all. I received a 404 error on that…

    The root domain seems to only have one post, one page, and one category – the default content at that.

    Is ‘template’ a valid subdirectory? Is there a working subdirectory with content I can check?

    I did a lookup upon your DNS at Cloudflare also… You mentioned the domain names using the www well-known service yet you don’t have a CName or an A-record configured for the wwww but you do have two A-records pointing at the same IP address the second one being a duplicate…

    Nothing supercritical but…

    I do kind of wonder about that second, duplicate DNS A-Record entry might have been intended for the www sub-domain (well-known service).

    Thread Starter javad2000

    (@javad2000)

    Dear JNashHawkins
    Thank you for the reply.
    You could not find the subsite because I installed a new version of WordPresss for testing purpose. The same problem exists on the new fresh version with the new fresh subsite as well.
    Now, I removed the fresh version and recovered the old subsite, so the above addresses are working now.
    You can login to:
    (login credentials removed by moderator)

    Please check the menu editor and see if you have the same problem. I cannot add any custom link to the menu. Can you add a custom link to the menu?

    Thank you

    • This reply was modified 1 year, 10 months ago by Yui. Reason: credentials removed
    Moderator Yui

    (@fierevere)

    ゆい

    @javad2000

    This is a public forum, please do not ever post information considered to be private.
    Dont ask to log on to your site.
    You can use the following ways to gather and post information about your site,
    see this predefined reply

    Thread Starter javad2000

    (@javad2000)

    Hello
    Sorry for the inconvenience. I thought putting the login info here would help in reproducing and solving the problem.
    This is a very serious problem on my website. I can easily edit the menus on https://d-dar.com , but I cannot add posts/categories/custom links to the menu of https:/d-dar.com/template
    I really need help for solving the problem, because I cannot launch the website without a menu.
    Please help!!!

    Активно увлекаюсь ставками в спорте, пользуюсь услугами прогнозистов, капперов, реальные рейтинги которых есть на сайте https://kapper-ratings.ru/. Какие сайты еще есть, знатоки, подскажите.

    Thanks for the Discussion

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Appearance > Menus, Accessibility problems for blind users with screen reader’ is closed to new replies.