Pagespeed warning for Stackable Carousel Slider “aria-hidden=”false”

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Benjamin Intal

    (@bfintal)

    Hey @mofojofo I believe that for Carousels, the aria-hidden="true" is placed on slides / focusable elements for slides that are out of view or hidden. This is intentional so that tabbing and other accessibility related stuff won’t be able to incorrectly get the focus when a slide is hidden. The aria-hidden changes when the carousel moves to another slide.

    You should be able to safely ignore this warning.

    Thread Starter PhotoJoFo

    (@mofojofo)

    hi, thanks for your reply. I understand that, how do I change it? The advice from Google makes sense too; you don’t want to mark it as hidden. So how do I change the aria setting per slide?

    Plugin Author Benjamin Intal

    (@bfintal)

    Hello, I checked out your page and I decided to dig deeper as to why this might be happening. Would you be able to add this CSS in your Additional CSS (site-wide), this may get rid of the warning from Page Speed Insights (at least on Stackable’s carousel block):

    .stk-block-carousel__slider .stk-block-column[aria-hidden="true"] .stk-link[tabindex="-1"] {
        display: none;
    }

    Let me know what happens.

    Plugin Support Bernice Chua

    (@bernicechua)

    Hey @mofojofo,

    How did it go with the CSS? ??

    Do let us know if it has now been resolved!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.