본문 바로가기 목차 바로가기

텍스트 스타일


Daum 첫화면 웹 접근성 안내 본문

소개

Daum은 1997년 한메일을 시초로 서비스를 시작한 대한민국 최고의 포털 사이트입니다.
Daum은 서비스의 입구라 할 수 있는 첫화면을 "모두가 함께하는 웹서비스"로 만들기 위해 웹표준을 준수하고, 웹 접근성을 개선하기 위해 꾸준히 최선의 노력을 기울이고 있습니다.

장애가 있으시더라도 원활하게 서비스를 이용하실 수 있도록 도움을 드리고자 Daum 첫화면 사용안내와 변경사항은 본 페이지를 통해 안내해 드립니다.

Daum 첫화면 내 사운드를 포함한 미니 사이트가 열리는 자동실행 광고를 제공받지 않기를 원하시면 '제공받지 않음'에 체크 후 '확인' 버튼을 눌러주세요.

자동실행 광고 설정 폼

해당 기능은 브라우저별로 제공되며, '제공받지 않음' 설정은 1년 동안 유효 합니다.
쿠키를 삭제할 경우 해당 기능도 삭제되오니 재설정해주시기 바랍니다.

자동 갱신에 대한 유의사항

페이지 전체 자동갱신

Daum 첫화면은 뉴스, 스포츠, 쇼핑, 카페, 뮤직 등의 다양한 정보를 담고 있고, 이 정보를 최신 상태로 유지하고 있습니다. 새로운 정보를 업데이트하기 위해 매 10분마다 자동으로 페이지를 새로고침하고 있습니다. 실시간으로 변하는 새로운 정보를 반영하기 위한 것이니 이용하실 때 참고 부탁드립니다.

페이지탭의 자동전환과 정지기능

Daum 첫화면에는 많은 콘텐츠를 담고 있어서 페이지탭 구조가 많이 사용되었습니다. 페이지탭은 서로 겹쳐져 있어서 다른 탭을 가리고 있으므로 한 번에 하나의 탭만 화면에 표시됩니다.
Daum의 다양한 정보를 사용자에게 보여드리기 위해 주기적으로 페이지탭이 전환되면서 새로운 정보를 표시하고 있는데 일부 장애인 사용자들은 자동전환이 불편할 수 있습니다. 이를 보완하기 위해 탭 영역에 마우스 포인터를 올려놓거나 키보드 초점이 진입하면 탭 자동전환 기능이 멈추도록 적용되어 있습니다.

시각장애인 사용자 안내

1. 바로가기 링크 이용하기

Daum 첫화면에는 사용자가 주요 콘텐츠 영역으로 빠르게 이동할 수 있도록 바로가기 링크를 제공하고 있습니다. 키보드와 화면낭독기 사용자는 이 링크를 이용해서 페이지를 빠르게 탐색할 수 있습니다.

다만 화면낭독기 사용자의 경우 Daum 첫화면에서 Tab 키를 이용한 초점이동과 위/아래 방향키를 이용한 초점이동 순서가 다릅니다. 화면낭독기로 건너뛰기링크를 이용할 때는 Ctrl + Home 키를 눌러 페이지의 첫 부분으로 이동한 후 아래방향키를 눌러 이동하고자 하는 링크에서 Enter 키를 누르면 매우 편리합니다.
초점의 순서가 다른 것은 화면낭독기 뿐 아니라 키보드 사용자를 배려하기 위한 것임을 참고해주세요.

2. 헤딩 구조 살펴보기

Daum 첫화면의 다양한 콘텐츠는 헤딩을 이용해서 구조화되었습니다. 헤딩1의 'Daum'을 시작으로 가장 큰 분류인 각 섹션을 헤딩2로 구분하고, 그 하위 카테고리탭은 헤딩3으로 구분되어 있습니다.

예를 들면 아래와 같습니다.

  • Daum 헤딩1 그래픽링크
    • 로그인 헤딩2
    • 미디어 헤딩2
      • 속보 헤딩3
      • 뉴스 헤딩3 링크
      • 스포츠 헤딩3 링크
    • 실시간이슈 헤딩2

3. 탭 메뉴의 사용

헤딩2는 큰 섹션의 제목을 나타내고 각 섹션의 페이지탭은 헤딩3으로 구분되어 있습니다. 헤딩3은 카테고리탭으로 콘텐츠링크 목록을 가지는 제목입니다. 하지만 항상 하위 목록이 표시되는 것은 아니고 페이지탭이 활성화되었을 때만 콘텐츠링크 목록에 접근할 수 있습니다. 헤딩2 하위에 있는 여러 개의 헤딩3 카테고리탭 중 활성화된 단 하나만 목록을 바로 확인할 수 있습니다.

  • 미디어 헤딩2
    • 뉴스 헤딩3 링크
      • 링크 목록
      • 링크 목록
    • 스포츠 헤딩3 링크
    • 연예 헤딩3 링크

헤딩3의 탭 제목 중 다른 탭의 링크 목록을 확인하려면 "OOO 헤딩3 링크"에서 Enter 키를 누른 후 아래 방향키나 Tab 키를 눌러서 글 링크 목록를 탐색하면 됩니다. 위 목록을 예로 들면 "스포츠 헤딩3 링크"에서 Enter 키를 누르면 다음과 같이 콘텐츠가 로딩됩니다.

  • 미디어 헤딩2
    • 뉴스 헤딩3 링크
    • 스포츠 헤딩3 링크
      • 글 목록
      • 글 목록
    • 연예 헤딩3 링크

글 링크목록의 하위에는 현재 열려있는 카테고리 탭의 홈으로 이동할 수 있는 링크가 제공됩니다. 위 목록을 예로 들면 "스포츠 헤딩3 링크" 글 목록의 제일 끝에는 "스포츠 홈 링크"가 있고, 그 다음에는 "연예 헤딩3 링크"로 이동하게 됩니다.
콘텐츠의 유형에 따라 간혹 헤딩4의 하위 제목이 제공되고 있습니다. 이는 같은 카테고리의 글로 이해하시길 바랍니다.

4. 이전/다음 버튼의 사용

헤딩2 섹션의 제일 끝에는 "현재 페이지 0 / 총 페이지 0"과 이전 탭 버튼, 다음 탭 버튼이 위치하고 있습니다.
이것은 헤딩2 섹션의 전체 구조에 관한 것으로 현재 헤딩3 탭이 몇 번째이고, 전체 탭이 총 몇 개로 구성 되어있는지 알려줍니다. 이전 탭 / 다음 탭 버튼을 이용하면 활성화된 헤딩3 카테고리탭으로 전환할 수 있는데 이것은 화면낭독기 사용자보다는 키보드, 마우스 사용자에게 더 유용한 기능입니다.

5. 헤딩의 분리

센스리더를 사용하는 경우 3.2.2.0 버전에서 간혹 헤딩2와 텍스트가 위/아래로 분리되어 들리는 현상이 있습니다. 이것은 센스리더의 특성으로 센스리더 4.0 베타버전으로 확인한 결과, 차기버전에서는 문제가 없을 것으로 예상됩니다.

6. 콘텐츠 구조의 이해 - 최신 기술의 적용

화면낭독기 사용자가 웹을 탐색할 때 겪는 어려움 중 콘텐츠의 구조를 이해하고 탐색하기 어려운 점이 있습니다. 이를 보완하기 위해 Daum의 많은 서비스에서 WAI-ARIA Landmark 및 HTML5 Section Content Model을 활용하여 화면낭독기 사용자가 콘텐츠의 구조를 이해하기 쉽도록 적용하기 시작했습니다.

이 구조를 화면낭독기로 활용하기 위한 기능키는 아래와 같습니다.

센스리더 3.2.2.0
Ctrl + Tab
센스리더 4.0 beta4
J (제이)
NVDA (10114)
D
JAWS 13 한글
; (세미콜론)
JAWS 15
R

7. 중복되는 콘텐츠의 배제

많은 사이트를 보면 글로 이동하는 링크 목록에서 동일한 내용의 이미지 링크와 텍스트 링크가 중복으로 나타나는 경우가 많이 있었습니다. 이 경우 불필요한 키조작과 중복정보 제공으로 인해 화면낭독기 사용자의 사용성이 떨어지는 문제가 있기 때문에 이런 부분을 방지하기 위한 작업을 진행했습니다.
중복되는 이미지의 대체 텍스트 처리 및 WAI-ARIA 속성 활용 등을 통해 사용성을 높이기 위해 노력했습니다.

8. 메일 서비스 이용하기

1997년에 대한민국 최초로 무료 웹 메일 서비스를 시작한 Daum 메일은 모든 사용자가 자유롭게 이용할 수 있도록 노력하고 있습니다. Daum 메일을 화면낭독기로 사용하는 방법에 대해 "메일 웹 접근성 안내" 페이지를 통해 안내해드리고 있습니다.
메일 웹 접근성 안내 바로가기

문의하기

Daum에서는 웹 접근성 향상을 위해 여러분의 제안이나 의견을 환영합니다.
언제든 Daum내 서비스에 관한 의견을 보내주시기 바랍니다.
고객센터 바로가기