Skip to main content

FluentCart 🚀

#Bug Report

Accessibility bug

UPDATE: Check comments.

FluentCart product price spans .fct-compare-price and .fct-item-price are receiving ARIA naming attributes despite having the implicit generic role. Lighthouse reports “Elements use prohibited ARIA attributes.” Please replace the invalid ARIA naming with semantic price markup, such as <del> for the compare price and visually hidden contextual labels for the original and sale prices.

  • 2 comments

Ryk Melck

Here is a temporary snippet fix if you find the above an issue.
------------------------------------

add_filter('render_block_fluent-cart/price-range', function($block_content, $block) {
if (is_admin() || empty($block_content)) {
return $block_content;
}

// Use a regex replace to find and strip the invalid aria-labels from the generic price spans
// This removes the exact attribute that Lighthouse flags as a violation.
$cleaned_content = preg_replace('/<span([^>]*)aria-label="[^"]*"([^>]*)>/i', '<span$1$2>', $block_content);

return $cleaned_content;

}, 10, 2);

Amimul Ihsan Mahdi

Thanks for reporting this. I have forwarded this to our team and we hope to fix the the issue soon.