Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 14, 2022 at 5:32 pm #1340548
    zimbo

    Error is: List items (<li>) are not contained within <ul> or <ol> parent elements.

    Lighthouse Mobile device mode only

    See https://www.americanroadtrips.net/
    Reported in Accessibility
    This error is created by the responsive burger menu, the element “li.av-burger-menu-main.menu-item-avia-special”

    Relevant HTML code
    <div class=”avia-menu av-main-nav-wrap”>
    <ul role=”menu” class=”menu av-main-nav” id=”avia-menu-0″>
    <li id=”menu-item-search” class=”noMobile menu-item menu-item-search-dropdown menu-item-avia-special” role=”menuitem”>
    <li class=”av-burger-menu-main menu-item-avia-special “>

    </div>

    So the item Lighthouse claims is in error looks like it is within a ‘ul’ parent – so is Lighthouse wrong to flag this as a error? If so, another one to advise Google about?

    February 15, 2022 at 6:15 am #1340639
    Rikard

    Hey zimbo,

    I’m not sure why their test is reporting that error to be honest with you, as the UL tag is clearly in the markup.

    Best regards,
    Rikard

    February 15, 2022 at 5:14 pm #1340750
    zimbo

    I agree the UL is there but shouldn’t you or the devs report this to Google as it’s clearly a bug in Lighthouse yet it’s coming across as an Enfold problem, when it’s not. I’m sure other users will flag this to you in future and I’d have thought you might want to get the issue fixed at source to prevent repeated questions on it.

    February 16, 2022 at 8:42 am #1340868
    Rikard

    Hi,

    Thanks for the update. We’ll have a look at reporting this problem to Google.

    Best regards,
    Rikard

    February 16, 2022 at 3:42 pm #1340916
    zimbo

    Thanks, hopefully they’ll take note. Case closed.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Lighthouse error on burger menu?’ is closed to new replies.