[resolved] [bug report + solution] accessibility issue in menu (3 posts)

  1. mfaure
    Posted 2 years ago #


    There is an accessibility issue with Polylang in the menu. The current language is given only by CSS. Thus is a user doesn't have CSS (e.g. screen reader user), he miss the information.

    The solution would be to add some markup (em or strong) on the current language.

    All is fully described and testable here: http://blog.tanaguru.com/2013/11/27/internationalisation-multilingual-blog-and-accessibility-in-wordpress/#improvement-accessibility

    I would be happy to help correct this issue



  2. Chouby
    Plugin Author

    Posted 2 years ago #

    Hi Matthieu,

    I agree with you on the diagnostic. However Polylang has nothing to do with this issue as the html markup for nav menus is generated by WordPress and not by Polylang (with the exception of the <img> tag for the flag).

    Your theme is Twenty Thirteen. Try adding a page in your menu and go to that page. you will observe the same issue.

    Nothing is lost though for people wanting an accessible nav menu for their website as WordPress does allow to use a custom nav menu walker to customize the way nav menu items are displayed. But that requires extra coding. I am aware that some themes use a custom nav menu walker (maybe not for that reason though).

    If I added an <em> or <strong> to menu language switcher, I would likely break some themes as themes authors do not expect these markups.

  3. mfaure
    Posted 2 years ago #

    Hi Chouby,

    Thank you for your clear answer. The issue is in fact a theme-issue. The good point is that I can modify my (child) theme to fix this issue.

    Thanks again !

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Polylang
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic