홈 디자인사전 스크린 리더 (Screen Reader)

스크린 리더 (Screen Reader)

UX

스크린 리더는 시각 장애인 또는 저시력자들이 컴퓨터나 모바일 기기를 사용할 수 있도록 도와주는 소프트웨어입니다. 스크린 리더는 컴퓨터 화면에 표시된 텍스트나 이미지를 오디오 출력으로 변환하여 사용자에게 정보를 제공합니다.

스크린 리더는 웹사이트, 이메일, 앱, 문서 등의 콘텐츠를 읽어주며, 사용자가 컴퓨터나 스마트폰의 기능을 사용할 수 있도록 돕습니다. 또한, 사용자가 키보드나 점자 표시기를 이용해 컴퓨터를 조작하는 것을 지원합니다.

사용 예시

스크린 리더를 사용하는 사람들은 웹사이트를 탐색할 때, 스크린 리더가 제공하는 음성 안내를 통해 웹사이트의 내용을 이해하고, 링크를 선택하거나 입력 필드에 텍스트를 입력하는 등의 행동을 할 수 있습니다.

<div role="navigation" aria-label="Main Menu">
    <ul>
        <li><a href="#home">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

이 HTML 코드는 메인 메뉴를 나타내며, role="navigation"을 통해 이 요소가 내비게이션을 담당하는 것임을 스크린 리더에게 알려줍니다. 또한 aria-label="Main Menu"를 통해 이 내비게이션의 이름이 “Main Menu”임을 알려줍니다.

<img src="flower.jpg" alt="A close-up of a sunflower">

이 예시에서 src 속성은 이미지 파일의 위치를 나타내고, alt 속성은 이미지에 대한 설명을 제공합니다.

주의점

  1. 스크린 리더를 사용하는 사람들을 위해, 웹사이트나 앱은 접근성을 고려하여 제작되어야 합니다. 예를 들어, 모든 이미지는 대체 텍스트(alt text)를 포함해야 하며, 화면에 표시되는 모든 정보는 텍스트 형태로 표현될 수 있어야 합니다.
  2. 스크린 리더가 정확하게 정보를 전달하려면 웹사이트나 앱의 구조가 명확해야 합니다. 그렇기 때문에 적절한 헤딩과 레이블이 사용되어야 합니다.

참조

관련 디자인 용어