6. Bold tag used to format text

1.3.1

Incorrect bold tag example

Description: The ‘bold’ tag is used to highlight text.

Context: Screen-readers and other assistive technology cannot understand the context of a bold tag (as bolded text can play numerous roles). Using semantic elements such as “header” or “strong” tags can help readers understand page structure correctly.

<b>
   Are you attending classes this Summer? Join us here at Student Housing!
</b>
<br> 
Student Housing Services offers on-campus housing for students enrolled in credit courses during
<b>Summer I</b> (May 18, 2019 - June 29, 2019),
<b>Summer II</b> (June 29, 2019 - August 10, 2019),
<b>Summer III</b> - Combined Sessions (May 18, 2019 - August 10, 2019), and
<b>Varied Term</b>

How to fix it: Consider the following: If the text should be emphasized semantically, use the ‘strong’ tag instead. If the text is a heading, an ‘H’ tag (such as H1, H2, H3…) should be used instead. If the text is highlighted as a visual effect, CSS should be used to do this.

<h3>
   Are you attending classes this Summer? Join us here at Student Housing!
</h3>
<br> 
Student Housing Services offers on-campus housing for students enrolled in credit courses during
<strong>Summer I</strong> (May 18, 2019 - June 29, 2019),
<strong>Summer II</strong> (June 29, 2019 - August 10, 2019),
<strong>Summer III</strong> - Combined Sessions (May 18, 2019 - August 10, 2019), and
<strong>Varied Term</strong>

Techniques: G115, G140, H49