Issue:
Bold tag used to format text: Words and phrases that are visually emphasized must be contained within semantically correct containers (e.g. with <em> or <strong> element)
Why it matters:
People with good vision can infer from visual styling that a word or phrase is especially important. For example, it might be displayed using bold or italic font. Unless the visually emphasized word or phrase is also contained in a semantically correct element, people who use screen readers won't know that it's emphasized.
How to fix:
Contain the emphasized word or phrase in a semantically correct element:
Use the <em> element when you want to stress a word or phrase within the context of a sentence or paragraph. By default, browsers will render the text using an italic font. A sighted person is likely to notice italic text when they read it, but it won't jump out at them when they skim the page.
Use the <strong> element when the word or phrase is important within the context of the entire page. By default, browsers will render the text using a bold font. A sighted person will find it easy to spot bold text when they skim the page.
Steps to replicate:
<em>or<strong>tagsIssue: Bold tag used to format text: Words and phrases that are visually emphasized must be contained within semantically correct containers (e.g. with
<em>or<strong>element)Why it matters: People with good vision can infer from visual styling that a word or phrase is especially important. For example, it might be displayed using bold or italic font. Unless the visually emphasized word or phrase is also contained in a semantically correct element, people who use screen readers won't know that it's emphasized.
How to fix: Contain the emphasized word or phrase in a semantically correct element:
<em>element when you want to stress a word or phrase within the context of a sentence or paragraph. By default, browsers will render the text using an italic font. A sighted person is likely to notice italic text when they read it, but it won't jump out at them when they skim the page.<strong>element when the word or phrase is important within the context of the entire page. By default, browsers will render the text using a bold font. A sighted person will find it easy to spot bold text when they skim the page.W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html