strangerstudios / sitewide-sales

Run Black Friday, Cyber Monday, or other flash sales on your WordPress-powered eCommerce or membership site with WooCommerce, Easy Digital Downloads, and Paid Memberships Pro.
https://sitewidesales.com
GNU General Public License v3.0
2 stars 6 forks source link

Use the <s> tag for strikethroughs? #73

Closed ideadude closed 2 years ago

ideadude commented 2 years ago

Both the <s> and <del> tags will render something with a strikethrough. Apparently the s tag is more semantic for things like discounts, stuff where we don't want to convey "deleted".

https://ale3oula.medium.com/how-to-semantically-strikethrough-with-html5-d4036600dd4a

There is also a suggestion in the above article on how to make the s tags better for screen readers using CSS.

This is the example they give for del, but we could consider doing something similar for the s tag.

del::before,
del::after {
 /* CSS rules */
}
del::before {
 content: “ [deletion start] “;
}
del::after {
 content: “ [deletion end] “;
}