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

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

    (@bfintal)

    1 year, 11 months ago

    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)

    1 year, 11 months ago

    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)

    1 year, 11 months ago

    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)

    1 year, 10 months ago

    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)

The topic ‘Pagespeed warning for Stackable Carousel Slider “aria-hidden=”false”’ is closed to new replies.