Issue Summary

The Information on the page such as “Subscribe to updates” & “Scheduled for”, etc is coded via CSS ::before & ::after pseudo elements.

Steps to Reproduce

1. Navigate to Statuspage home.
2. Navigate to the “Subscribe to updates” & “Scheduled for” element.
3. Inspect the code & observe that they are coded via CSS ::before & ::after pseudo elements.

Screenshot

Actual Results

The Information on the page such as “Subscribe to updates” & “Scheduled for”, etc is coded via CSS ::before & ::after pseudo elements. So when user disable the CSS or override with their own custom styles these elements will become inaccessible for users. It is not a best practice to code Informative content via CSS.

Expected Results

Code the Information such as “Subscribe to updates” & “Scheduled for”, etc via HTML instead of CSS.

The textual Information on the page should be always coded via HTML. So even though user disables the styles & override them the Information would still be accessible to the users. The CSS should be only used to provide presentation to the page.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOS: Sonoma 14.2.1.
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest