My profile: CSS used to convey special information

Issue Summary

An information is highlighted using the CSS which is not rendered by the screen reader. 

Steps to Reproduce

1. Open the "My profile" page.
2. Navigate to the mentioned instance.
3. Inspect the code and check that the text is highlighted using the CSS.

Screenshot

Actual Results

For text elements highlighted in bold, only the value of the CSS font-weight attribute is increased.

However, the highlighting of the texts in this way is only representation-related and not semantically recognisable. 

Expected Results

The <strong> element should be used for text elements that are highlighted in bold.

Code Example:

<strong>admin</strong>

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
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest