본문 바로가기
공부/Html & Css

html이론 3, 구문 b/strong 와 i/em의 차이 - 웹접근성

by 매니션 2022. 3. 12.

매니의 퍼블리셔 만들기 프로젝트

part1 html편

웹접근성이란?

웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다.

(출처 : 위키백과)


웹 브라우징에 쓰이는 보조과학기술

웹 브라우징을 할 수 있게 하거나 도움을 주는 등을 목적으로 보조과학기술을 이용할 수 있다.

  • 스크린 리더 소프트웨어
  • 화면 확대 도구
  • 음성 인식
  • 키보드 오버레이

(출처 : 위키백과)


b/strong 와 i/em의 차이

<b> </b> : 글자를 굵은 볼드체로 나타낸다.
<strong> </strong> : 글자를 강조하여 굵게 나타낸다.
<i> </i> : 글자를 기울인 이태릭체로 나타낸다.
<em> </em> : emphasis의 약자로 글자를 강조하여 기울여 나타낸다.

b와 i태그는 단순히 겉보기에만 굵거나 기울인 형태를 나타낸다. 하지만 이는 웹 접근성에 어긋나기 때문에 html5부터는 이 태그들을 사용하지 않고, strong와 em태그 사용을 권장한다. 스크린 리더나 음성 인식 기술을 사용했을 때 문장에서 강조하여 읽어주기 때문에 확실한 정보전달에 유용하다. 이처럼 html5에서는 유의미한 태그 사용을 권장한다.

반응형

댓글