joaooliveira
Crownpeak (Retired)

Do not use bold <b> tags to emphasize text

Why is this important?

Characters and words that are set in bold is intended to emphasize and highlight the importance of these words. There are different ways to set bold characters and one such way is to use the bold <b> tag. This issue with using a <b> tag is that it does not provide a semantic meaning and as such  screen readers normally dont announce an emphasis on words using this tag. Due to this certain users may not receive the same experience that was intended for the specific statement or text.

How can I resolve this issue?

Instead of using the <b> tag, semantic markup such as <em> and <strong> can be used to mark emphasized or important text so that it can be programmatically determined. Some assistive technologies provide a mechanism for determining the characteristics of content that has been created using proper semantic markup.

What topics do this checkpoint affect?

  • Accessibility (WCAG 2.1 Level A, 1.3.1)

Can you explain how this checkpoint works?

The checkpoint examines the entire HTML source code of a page and reports if any <b> elements are found.

References

Labels (1)

Can't find what you are looking for?

Find Answers

Search our DQM Forum to find answers to questions asked by other DQM users.

Ask a Question

No luck? Ask a question. Our Product and Support teams are monitoring the Forum and typically respond within 48 hours.

Ask a Question