{"id":19006563,"date":"2026-08-30T04:28:02","date_gmt":"2026-08-30T04:28:02","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/issue-with-carousel-on-pagespeed\/"},"modified":"2026-08-30T04:28:02","modified_gmt":"2026-08-30T04:28:02","slug":"issue-with-carousel-on-pagespeed","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/issue-with-carousel-on-pagespeed\/","title":{"rendered":"Issue with Carousel on PageSpeed"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m seeing a new&nbsp;<strong>Agentic Browsing \u2192 Agent Accessibility<\/strong>&nbsp;error in Google PageSpeed Insights\/Lighthouse on my WordPress site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The error is:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Accessibility tree is not well-formed<\/strong><br \/><strong>ARIA role should be appropriate for the element<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">The failing element is a Kadence carousel slide using:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li class=\"kb-slide-item kb-gallery-carousel-item splide__slide is-visible is-active\"\nrole=\"tabpanel\"\naria-roledescription=\"slide\"\naria-label=\"2 of 23\"&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The carousel is generated by Kadence Blocks and uses Splide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Interestingly, I have&nbsp;<strong>two different Kadence carousels on the same website<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One carousel is flagged by Lighthouse, while another carousel using very similar Kadence\/Splide markup is&nbsp;<strong>not<\/strong>&nbsp;flagged.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The flagged carousel uses the Kadence background slider:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>kt-blocks-carousel kb-blocks-bg-slider\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Its slides contain:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li class=\"splide__slide kb-bg-slide-contain\"\nrole=\"tabpanel\"\naria-roledescription=\"slide\"\naria-label=\"1 of 5\"&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The other carousel is a Kadence Advanced Gallery carousel:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>kb-gallery-type-carousel\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">and uses:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"\nrole=\"tabpanel\"\naria-roledescription=\"slide\"\naria-label=\"17 of 23\"&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Both are functioning correctly visually and are accessible to normal users, but Lighthouse&#8217;s newer&nbsp;<strong>Agentic Browsing<\/strong>audit is flagging one of them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ve already updated WordPress, the Kadence theme, and plugins, but the warning remains.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Is this a known issue with the current Kadence\/Splide carousel implementation, or is there a recommended way to resolve the ARIA role issue?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m particularly interested in whether this is something that should be fixed within Kadence itself rather than adding custom JavaScript or modifying the generated carousel markup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-19006563","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19006563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19006563\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19006563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}