Semantic Sales Price Descriptions
Critical - WCAG Level A
The issue with semantic sales price descriptions arises when the distinction between regular and sale prices is only conveyed visually, such as through strike through text. This can be problematic for users who rely on screen readers, as these assistive technologies may not interpret visual styles, leading to a lack of understanding about which price is the sale price and which is the regular price.
This matters because users with visual impairments or cognitive disabilities might not be able to discern the pricing structure, potentially leading to confusion or missed opportunities to take advantage of sales. Ensuring that the information is accessible helps all users make informed purchasing decisions.
To fix this issue:
You should add labels to the regular and sales prices that will be read out when using assistive technology.
Best practices:
Ensure that the visual and non-visual cues are consistent. For instance, if you use a strike-through style visually, pair it with an announcement of the sales price.
Avoid relying solely on CSS for conveying important information, as this can be inaccessible to screen readers.