F87 is incomprehensibly formulated

[JAWS-test]

https://www.w3.org/WAI/WCAG21/Techniques/failures/F87

A common way to test this critieria is to disable CSS styles to view whether content added using pseudo-elements remains visible.

If CSS is disabled, this content will not remain visible. A better wording would be:

"A common way to test this critieria is to disable CSS styles to view whether the page contains content added using pseudo-elements because these are then no longer displayed."

Check that non-decorative information presented by the generated content is available when styles are overridden.

Here it remains completely unclear in which way the CSS should be overwritten. With many methods the content remains visible. Only with certain methods it becomes invisible. Therefore the method should be specified exactly or the test should be done by deactivating the CSS.

Note: CSS content is not only a problem when deactivating or overwriting CSS, but also for screenreader users:

• No support by IE 11
• No or no consistent support for content that serves as values for form fields in Chrome and Firefox (aria-valuetext would be useful on many more roles aria#711 (comment))

See also: #433

[JAWS-test]

Considering ARIA24, the test for F87 should look like removing all generated content except when it or an ancestor element has been tagged with role=img

So it could look something like this:

*:not([role="img"]):before {content:"" !important;}
*:not([role="img"]):after {content:"" !important;}

(Successfully tested with Semantically identifying a font icon with role="img" examples. However, this variant does not yet take into account the case that the generated content can occur in a descendant).