국민의 방송 KBS는
모든 사용자들에게 평등한
웹 콘텐츠를 제공합니다.

한국형 웹 콘텐츠 지침 2.1에 따라 사용자들이 장애유무나
이용환경과 상관없이 더 쉽고 편리하게 정보를 이용할 수
있도록 표준화된 웹 접근성 지침을 이행합니다.

KBS는 연 1회 이상 KBS의 웹 접근성 준수 방법론을 통해 웹 접근성 준수여부를 체크하여 지속적인 수정∙반영을 하고 있습니다.
이를 통해 지속적인 콘텐츠의 접근성을 향상하고자 노력합니다.

kbs사이트 웹 접근성 프로세스-1단계:사전진단을 통해 사전 보고서를 작성,2단계:1차수정과 동시에 실무자 교육과 Q&A컨설팅을 진행 함,3단계:오류내용 수정보완(추가 수정 적용)4단계:운영자교육(추가 수정 적용),5단계:자체 진단 및 확인(필요시 수정),6단계:최종진단(여기단계 까지 오기전 준수율 교정반복),7단계:동일한 인증기준으로 웹접근성 준수율95%이상 달성

KBS는 12개의 웹사이트 영역을 정하여 웹 접근성 전문 기업과 함께 웹 접근성 준수 수준을 점수화하여 우수∙양호∙보통∙미흡의
단계로 수준 관리를 실시하고 있습니다.

접근성 사업 개선 전,후 수준

사이트명 별로 개전 전 과 개선 후 의 수준 정보를 제공하고 있습니다

개선전 사이트명 개선 후
우수 메인 / 섹션 우수
양호 ON Air / 편성표
보통 회원 / 검색 / 마이페이지
버티컬
다시보기 / 플레이어
KBS 소개(국문)
KBS 소개(영문)
프로그램
시청자 참여 / 게시판
미흡 KBS 에이블
지역국
KBS 블로그

사이트 개선 전

PC 웹 사이트
  • 우수:0개(0%)
  • 양호:1개(8.3%)
  • 보통:4개(33.3%)
  • 미흡:7개(58.3%)
Mobile 웹 사이트
  • 우수:0개(0%)
  • 양호:4개(33.3%)
  • 보통:8개(66.7%)
  • 미흡:0개(0%)

사이트 개선 후

PC 웹 사이트
  • 우수:10개(100%)
  • 양호:0개(0%)
  • 보통:0개(0%)
  • 미흡:0개(0%)
Mobile 웹 사이트
  • 우수:10개(100%)
  • 양호:0개(0%)
  • 보통:0개(0%)
  • 미흡:0개(0%)

국민의 방송 KBS는 다양한 사용자들을 위한 웹 접근성 준수 내용을 안내합니다.
원하시는 안내를 선택해주세요.

대체 텍스트 및 화면 낭독 안내

이미지에 대체 텍스트를 제공하는 등 화면을 보지 못해도 동일한 정보를 인식할 수 있도록 지원합니다.

대체 텍스트를 제공하고 있는 pc화면 캡쳐이미지(대체 텍스트 내용:동백꽃 필 무렵)

화면을 보지 못해도 이미지 등 텍스트 아닌 콘텐츠를 이용할 경우 그 의미나 용도를 동등하게
인식할 수 있도록 적절한 대체 텍스트를 제공합니다.

대체 텍스트를 제공해서 화면낭독기에서 대체 텍스트를 읽어주는 모바일 화면 캡쳐 이미지
												(대체 텍스트 내용:KBS - 건전한 방송문화 정착, 민족문화 창달, 한국문화의 세계화)

이미지 정보와 동등한 대체 텍스트를 제공합니다.

표를 이해할 수 있도록 요약문을 제공하여 이해 할 수 있도록 하였습니다.

표 콘텐츠에 표 제목과 제목셀 내용셀이 제공되어 있는 pc화면 캡쳐 이미지(화면낭독기 내용:공지사항,번호,제목작성일,조회수 셀로 구성된 목록)

표를 쉽게 이해할 수 있도록 표의 제목과 요약문을 제공하고, 제목 셀과 내용 셀을 구분하여
제공하였습니다.

표 콘텐츠에 표 제목과 제목셀 내용셀이 제공되어 있는 모바일화면 캡쳐 이미지
												(화면낭독기 내용:열혜더,1행,1열,개최구분,횟수,논의 안건,셀로 구성된 목록 그리드 모드, 행4개,열3개)

열, 행을 구분하여 알려주고 표의 제목과 요약문을
제공하였습니다.

제공된 대체 텍스트 등에 대하여 화면 낭독 프로그램을 사용하여 화면을 낭독할 수 있도록 지원합니다.

화면 낭독 프로그램
기본 운용

가상커서 선택 설정

센스리더를 이용하여 본 사이트를 탐색하기 위해서는 가장 먼저 ‘가상커서’ 설정을 활성화 합니다.
이 기능은 초기 설치 시 기본 값으로 설정 되어 있습니다. 가상 커서 설정을 위해서는 [Ctrl + Shift + F11]을 눌러
가상커서 설정을 활성화 합니다.

변경내용 자동 구성

변경 내용 자동 구성은 innerHTML 이나 Ajax와 같이 동적 컨텐츠를 읽을지를 설정하는 부분으로 본 사이트를
이용하기 위해서는 [Ctrl + Shift + F9]를 눌러 가상 커서 설정창의 변경 내용 자동 구성을 ‘선택’으로 변경하여
사용하시기 바랍니다.

자동 포커스 설정

메뉴의 초점 이동을 위해서는 ‘자동 포커스’ 기능을 활성화(‘선택’) 합니다.
기능 또한 초기 설치 시 기본 값 ‘선택’으로 설정되어 있습니다.

툴팁읽기 설정

본 사이트는 title을 제공하는 정보가 많은 관계로 이 정보를 얻기 위해서는 반드시 ‘툴팁읽기’를 ‘선택’으로
설정하여 사용하시기 바랍니다.

키보드만으로 사용 가능

마우스 사용이 불편하신 사용자들을 위해 키보드만으로도 사이트 이용이 가능하도록 사용 편의를 제공합니다.

캡쳐이미지 설명:PC화면에서 논리적 순서에 맞게 대메뉴에서 소메뉴로 초점이동되는 화면

기존 키보드 사용 시 주 메뉴의 하위 메뉴를 선택할 수 없는 문제를 해결하여 Tab키(이동) 및
Shift+Tab키(뒤로가기)로 자유롭게 메뉴 이동이 가능합니다.

캡쳐이미지 설명:모바일 화면에서 논리적 순서에 맞게 h1링크,메뉴,본문 제목,본문 순으로 초점이동되는 화면

모든 요소에 초점을 적용하여 화면 낭독기
사용자가 콘텐츠를 모두 탐색하고 논리적으로
이동 가능하도록 제공하였습니다.

캡쳐이미지 설명:PC화면에서 본문 바로가기 링크에서 본문으로 초점 이동되는 화면

반복영역의 순차적인 내비게이션을 생략하고 웹 페이지의 핵심 영역으로 이동할 수 있는 수단을
제공합니다.

캡쳐이미지 설명:모바일 화면에서 본문 바로가기 링크에서 본문으로 초점 이동되는 내용의 화면

모바일 웹에서도 동일하게 반복 영역을
건너뛸 수 있도록 제공하여 사용자의 편의를
제공하였습니다.

페이지 핵심 영역
이동 수단

메뉴 바로가기

페이지 전체에서의 주 메뉴 부분으로 바로 이동할 수 있는 메뉴바로 가기 링크를 제공합니다.

본문 바로가기

주 메뉴를 제외하고 해당 페이지의 본문으로 바로 이동할 수 있는 본문 바로가기 링크를 제공합니다.

푸터 바로가기

일부 페이지에서는 KBS 소개, 언어별, 지역별, 계열사 등을 볼 수 있는 하단부분으로 바로 이동할 수 있는
푸터 바로가기 링크를 제공합니다.

멀티미디어의 운용 및 자막

동영상 등 멀티미디어 정보에는 영상 제어 및 자막 제공을 통해 정보 취득이 용이하도록 제공합니다.

캡쳐이미지 설명:PC 플레이어 화면 캡쳐 이미지, 플레이어에는 다음과 같은 버튼과 기능이 존재함  1재생 버튼,2다음영상 버튼,3이전영상 버튼,4재생시간,5자막보기 버튼,6음소거 버튼,7전체화면 버튼
  • ① 재생버튼
  • ② 다음 영상버튼
  • ③ 이전 영상버튼
  • ④ 재생 시간
  • ⑤ 자막보기버튼
  • ⑥ 음소거버튼
  • ⑦ 전체화면버튼
Tab키로 동영상 플레이어에 접근하면 동영상 컨트롤러가 화면에 나타납니다.
컨트롤러의 항목 이동은 Tab, 뒤로 가기는 Shift+Tab으로 이동하며 원하는 기능 실행을 Enter로
실행합니다.
캡쳐이미지 설명:모바일 플레이어 화면 캡쳐 이미지, 모바이 플레이어에는 다음과 같은 버튼과 기능이 존재 함 1재생버튼,2재생시간,3자막보기 버튼,4전체화면 버튼
  • ① 재생
  • ② 재생시간
  • ③ 자막보기
  • ④ 전체 화면
모바일 웹의 경우 초점 이동을 통해 동영상
컨트롤러를 제어할 수 있습니다.
캡쳐이미지 설명:PC 플레이어 에서 자막이 나오고 있는 화면(자막내용:지키리우스,오늘은 어떤 모험이 기다리고 있을까 나너무 기대돼)

동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체수단인 자막, 대본 또는 수화를
제공합니다.

캡쳐이미지 설명:모바일 플레이어 에서 자막이 나오고 있는 화면(자막내용:지키리우스,오늘은 어떤 모험이 기다리고 있을까 나너무 기대돼)

플레이어 하단 ‘자막보기’ 버튼 선택 또
온에어 플레이어에서 우측 하단 ‘자막’ 버튼
선택 시 자막이 제공됩니다.

색상 대비

특정한 색상을 구별할 수 없는 사용자(색맹, 색약 등)들과 흑백 디스플레이 사용자들도 정확한 정보에 접근할 수 있도록
색상대비를 준수하였습니다.

캡쳐이미지 설명:PC화면의 그래프에서 색을 배제하더라도 텍스트 정보를 통해서 알 수 있도록 제공한 화면

마우스 오버 시 각 항목에 대한 정보를 제공 받을 수 있고 하단에 항목 별 세부 값을 제공하여 색상을
배제하더라도 인지할 수 있도록 구성하였습니다.

캡쳐이미지 설명:탭 메뉴에서 선택된 탭을 한눈에 알 수 있게 탭의 두께를 다르게 제공한 화면

선택 된 탭의 정보를 두께가 다른 선으로 패턴을
사용하여 색상이 아닌 요소로 구분할 수 있게
제공하였습니다.

캡쳐이미지 설명:PC화면에서 사용자가 구별하기 쉽도록 텍스트 명도대비를 3:1이상으로 제공하고 있는 화면

사용자가 구별하기 쉽게 웹 페이지가 제공하는 텍스트 콘텐츠(텍스트 및 텍스트 이미지)와 배경 간의
적절한 명도 대비를 제공합니다.

캡쳐이미지 설명:모바일 화면에서 사용자가 구별하기 쉽도록 텍스트 명도대비를 3:1이상으로 제공하고 있는 화면

모든 텍스트 콘텐츠는 전경색과 배경색이
최소 3:1이상 대비하도록 제공하였습니다.