[TIL] HTML - <b> 와 <strong> 태그의 차이

 

 

 

<b> 와 <strong> 태그는 모두 텍스트를 굵게 만들어 주는 요소이다 

그러나 스크린리더(화면 낭독기)에서 두 태그의 차이점이 드러난다 

 

<b>

정말 단순하게 텍스트를 굵게 표시하는 역할만을 하고

 

<strong> 

단순하게 보여지는 강조가 아닌, 실제 페이지 내의 중요한 부분을 알려주는 역할을 한다 

스크린 리더 사용시 <strong> 태그가 들어간 부분은 강한 억양을 사용하여 읽어 준다 이는 웹 접근성에 큰 기여를 하기 때문에 

두 태그를 꼭 선별하여 사용해 주어야 한다 

 

 

<i> & <em> 태그도 글씨를 기울임체로 표현해 주는 동일한 역할을 하지만, 

위와 같이 웹 접근성에 대한 기여가 전혀 다르기 때문에 주의해서 사용해 주어야 한다 !