The <strong>/<b> and <em>/<i> tags have exactly the same effect in most
web browsers, but there is a fundamental difference between them: <strong> and <em> have a semantic meaning
whereas <b> and <i> only convey styling information like CSS.
While <b> can have simply no effect on a some devices with limited display or when a screen reader software is used by a blind
person, <strong> will:
Consequently:
<b> and <i> tags shall never be used, <b> and <i> should be avoided and CSS should be used instead.
<i>car</i> <!-- Noncompliant --> <b>train</b> <!-- Noncompliant -->
<em>car</em> <strong>train</strong>
This rule is relaxed in case of icon fonts usage.
<i class="..." aria-hidden="true" /> <!-- Compliant icon fonts usage -->