feat: add support for emphasis marks in rich text rendering fixes 587

[Etienne-Joseph Charles (etiennejcharles)]

Pull Request: Introduce Separate <em> Tags

Overview

This PR introduces the use of separate <em> tags in our codebase to improve semantic HTML usage and accessibility. Existing <i> tags remain unchanged.

Background

In our current codebase, there is an overuse of <i> tags for both emphasis and stylistic purposes. However, these tags serve different purposes:

• <em> is used to denote text that is emphasized, conveying importance or stress.
• <i> is typically used for text that is set off from the normal text, often for stylistic purposes, such as foreign words, technical terms, or names of ships.

Introducing <em> tags for emphasis enhances the semantic meaning of our HTML and improves accessibility for users relying on screen readers.

Changes Introduced

1. Added <em> Tags:

   • Introduced <em> tags where text needs to be emphasized, replacing the misuse of <i> tags for this purpose.
   • Kept existing <i> tags for stylistic purposes as they are.

2. Updated CSS Styles:

   • Ensured that styles previously applied to <i> for emphasis are now correctly applied to <em> to maintain visual consistency.

3. Accessibility Improvements:

   • Improved semantic HTML structure, aiding screen readers and other assistive technologies in providing a better user experience.

[Etienne-Joseph Charles (etiennejcharles)]

Fixes #587

[Chris Helgert (chrishelgert)]

Hey 👋
Thanks for your contribution. More changes to our internal code are needed before this can be merged.
We will check internally if that's something we can support