장애가 있는 사용자가 Word 문서에 접근성 향상

장애가 있는 사용자가 Word 문서에 접근성 향상

이 항목에서는 장애가 있는 사용자가 Word 문서에 액세스할 수 있도록 하는 단계별 지침을 제공 합니다.

6월 9일의 리서치 팀 오프사이트를 발표하는 이벤트 전단지. 이 이미지에는 사진과 회의 장소 주소가 포함됩니다.

Word 에는 문서를 읽고 작성 하는 다양 한 기능을 제공 하는 다양 한 기능이 있습니다. 또한Word 는 장애가 있는 사용자에 게 문제를 일으킬 수 있는 요소를 찾는 접근성 검사 기능을 제공 합니다.

접근성 검사를 사용하는 방법에 대한 자세한 내용은 접근성 검사에 대한 규칙을 참조하세요.

Windows: 접근성 높은 Word 문서 만들기 모범 사례

다음 표에는 장애가 있는 사용자에게 접근성이 높은 Word 문서 만들기의 주요 모범 사례가 포함되어 있습니다.

해결할 항목

해결 방법

해결 이유

해결 방법

모든 시각적 개체에 대체 텍스트를 포함합니다.

시각적 콘텐츠에는 그림, SmartArt 그래픽, 도형, 그룹, 차트, 포함 개체, 잉크 및 비디오가 있습니다.

누락된 대체 텍스트를 찾으려면 접근성 검사를 사용하세요.

대체 텍스트를 사용하면 화면을 볼 수 없는 사용자가 이미지에서 중요한 요소 및 기타 시각적 개체를 이해할 수 있습니다.

이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 이미지와 텍스트를 함께 사용해야 하는 경우 문서에서 해당 텍스트를 반복하세요. 대체 텍스트에서는 이미지를 간단하게 설명하고 텍스트의 존재와 의도를 언급하세요.

Office 365의 시각적 개체에 대체 텍스트 추가

Office 2019의 시각적 개체에 대체 텍스트 추가

Office 2016의 시각적 개체에 대체 텍스트 추가

의미 있는 하이퍼링크 텍스트와 화면 설명을 추가합니다.

하이퍼링크 텍스트가 독립된 정보로 의미를 지니는지와 읽는 사람에게 대상 항목에 대한 정확한 정보를 제공하는지 여부를 확인하려면 문서를 시각적으로 검색합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다.

팁: 하이퍼링크를 포함하는 텍스트나 이미지 위로 커서를 이동하면 나타나는 화면 설명을 추가할 수도 있습니다.

하이퍼링크 텍스트 및 화면 설명 추가

색만으로 정보를 전달하지 않도록 합니다.

색 구분 인스턴스를 찾으려면 문서를 시각적으로 검색합니다.

시각 장애가 있거나 시력이 나쁘거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

색 대비가 부족 한 경우 접근성 검사를 사용 합니다.

문서에서 읽거나 배경을 구분 하기 어려운 텍스트를 찾을 수도 있습니다.

문서에서 텍스트와 배경 간에 대비 차이가 큰 경우 더 많은 사용자가 콘텐츠를 보고 사용할 수 있습니다.

접근성 높은 텍스트 색 사용

기본 제공 제목 및 스타일을 사용합니다.

제목의 순서가 논리적인 지 확인 하려면 문서의 목차를 시각적으로 검사 합니다.

각 제목을 클릭 하 고 기본 제공 제목 스타일을 적용할 수도 있습니다.

탭 순서를 유지 하 고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 Word 의 논리적 제목 순서와 기본 제공 서식 도구를 사용 합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글 정보를 지정합니다.

표에 분할 된 셀, 병합 된 셀 또는 중첩 표가 포함 되지 않도록 하려면 접근성 검사를 사용 합니다.

표를 시각적으로 스캔 하 여 완전히 빈 행 이나 열이 없는지 확인할 수도 있습니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

Office 365의 시각적 개체에 대체 텍스트 추가

다음 절차에서는 Office 365 의 Word 문서에서 시각적 개체에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고:  오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

팁: 좋은 대체 텍스트를 작성하려면, 콘텐츠 및 이미지의 목적을 간결하고 명확한 방식으로 전달해야 합니다. 대체 텍스트는 짧은 한 두 문장보다 길어서는 안 되며, 신중하게 선택한 단어 몇 개로 이루어져야 합니다. 주변 텍스트 내용을 대체 텍스트로 반복하거나 “그래픽” 또는 “이미지”처럼 이미지를 언급하는 문구를 사용하지 마세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에 게 이미지를 설명 하는 텍스트를 읽을 수 있도록 그림, 스크린샷, 아이콘, 비디오, 3D 모델 등의 이미지에 대체 텍스트를 추가 합니다.

  1. 다음 중 하나를 수행합니다.

    • 이미지를 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 이미지를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    Word Win32의 이미지에 대 한 대체 텍스트 편집 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  2. 시각 장애인에게 이미지와 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    이미지에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

    팁: Microsoft의 클라우드 기반 지능형 서비스에 대 한 설명을 만들도록 본인에 대 한 설명 생성 을 선택할 수도 있습니다. 이 작업은 텍스트 입력 필드에 결과를 표시 하는 순간을 차지 합니다. "높은 확신 성과 함께 생성 된 설명"과 같이 추가 Word 메모는 삭제 해야 합니다.

도형 또는 SmartArt 그래픽에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 도형 또는 SmartArt 그래픽을 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 도형 또는 SmartArt 그래픽을 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    도형에 대 한 Word Win32 편집 대체 텍스트 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

    팁: 해당 부품 중 하나가 아니라 전체 도형 또는 SmartArt 그래픽을 둘러싸는 프레임 안에서 마우스 오른쪽 단추를 클릭해야 합니다.

  2. 시각 장애인에게 도형 또는 SmartArt 그래픽과 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    도형에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

차트에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 차트를 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 차트를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    Word Win32의 차트에 대 한 대체 텍스트 편집 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

    팁: 해당 부품 중 하나가 아니라 전체 차트를 둘러싸는 프레임 안에서 마우스 오른쪽 단추를 클릭해야 합니다.

  2. 시각 장애인에게 차트와 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    차트에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

시각적 효과 장식 만들기

장식용 개체는 시각적 관심사를 추가 하지만 정보는 제공 하지 않습니다 (예: 스타일 테두리). 화면 읽기 프로그램을 사용 하는 사용자에 게는이 내용이 중요 한 정보가 없다는 것을 알려 주는 장식용으로 들립니다.

  1. 시각적 개체를 마우스 오른쪽 단추로 클릭 합니다.

  2. 대체 텍스트 편집을 선택합니다. 대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  3. 장식으로 표시 확인란을 선택 합니다. 텍스트 입력 필드가 회색으로 표시됩니다.

    장식적 요소에 대한 Word Win32 대체 텍스트 창

팁: 문서를 PDF로 내보내는 경우 장식으로 표시 한 모든 시각적 개체는 다른 사용자에 게 태그를 지정 하 여 유지 됩니다.

Office 2019의 시각적 개체에 대체 텍스트 추가

다음 절차에서는 Office 2019 의 Word 문서에서 시각적 개체에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고:  오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

팁: 좋은 대체 텍스트를 작성하려면, 콘텐츠 및 이미지의 목적을 간결하고 명확한 방식으로 전달해야 합니다. 대체 텍스트는 짧은 한 두 문장보다 길어서는 안 되며, 신중하게 선택한 단어 몇 개로 이루어져야 합니다. 주변 텍스트 내용을 대체 텍스트로 반복하거나 “그래픽” 또는 “이미지”처럼 이미지를 언급하는 문구를 사용하지 마세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에 게 이미지를 설명 하는 텍스트를 읽을 수 있도록 그림, 스크린샷, 아이콘, 비디오, 3D 모델 등의 이미지에 대체 텍스트를 추가 합니다.

  1. 다음 중 하나를 수행합니다.

    • 이미지를 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 이미지를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    Word Win32의 이미지에 대 한 대체 텍스트 편집 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  2. 시각 장애인에게 이미지와 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    이미지에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

    팁: Microsoft의 클라우드 기반 지능형 서비스에 대 한 설명을 만들도록 본인에 대 한 설명 생성 을 선택할 수도 있습니다. 이 작업은 텍스트 입력 필드에 결과를 표시 하는 순간을 차지 합니다. "높은 확신 성과 함께 생성 된 설명"과 같이 추가 Word 메모는 삭제 해야 합니다.

도형 또는 SmartArt 그래픽에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 도형 또는 SmartArt 그래픽을 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 도형 또는 SmartArt 그래픽을 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    도형에 대 한 Word Win32 편집 대체 텍스트 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

    팁: 해당 부품 중 하나가 아니라 전체 도형 또는 SmartArt 그래픽을 둘러싸는 프레임 안에서 마우스 오른쪽 단추를 클릭해야 합니다.

  2. 시각 장애인에게 도형 또는 SmartArt 그래픽과 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    도형에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

차트에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 차트를 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 차트를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    Word Win32의 차트에 대 한 대체 텍스트 편집 메뉴

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

    팁: 해당 부품 중 하나가 아니라 전체 차트를 둘러싸는 프레임 안에서 마우스 오른쪽 단추를 클릭해야 합니다.

  2. 시각 장애인에게 차트와 해당 컨텍스트를 설명하는 한두 개의 문장을 입력합니다.

    차트에 대 한 Word Win32 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

시각적 효과 장식 만들기

장식용 개체는 시각적 관심사를 추가 하지만 정보는 제공 하지 않습니다 (예: 스타일 테두리). 화면 읽기 프로그램을 사용 하는 사용자에 게는이 내용이 중요 한 정보가 없다는 것을 알려 주는 장식용으로 들립니다.

  1. 시각적 개체를 마우스 오른쪽 단추로 클릭 합니다.

  2. 대체 텍스트 편집을 선택합니다. 대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  3. 장식으로 표시 확인란을 선택 합니다. 텍스트 입력 필드가 회색으로 표시됩니다.

    장식적 요소에 대한 Word Win32 대체 텍스트 창

팁: 문서를 PDF로 내보내는 경우 장식으로 표시 한 모든 시각적 개체는 다른 사용자에 게 태그를 지정 하 여 유지 됩니다.

Office 2016의 시각적 개체에 대체 텍스트 추가

다음 절차에서는 Office 2016 의 Word 문서에서 시각적 개체에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고: 설명 필드에는 텍스트를 넣고 제목은 비워 두는 것이 좋습니다. 그러면 내레이터를 비롯한 대부분의 주요 화면 읽기 프로그램에 최상의 환경이 제공됩니다. 오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에게 이미지를 설명하는 텍스트를 읽어 줄 수 있도록 그림, 스크린샷 등의 이미지에 대체 텍스트를 추가합니다.

  1. 이미지를 마우스 오른쪽 단추로 클릭합니다.

  2. 그림 서식 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

그림 서식 창에서 선택한 이미지를 설명하는 대체 텍스트 영역의 스크린샷

SmartArt 그래픽에 대체 텍스트 추가

  1. SmartArt 그래픽을 마우스 오른쪽 단추로 클릭합니다.

  2. 개체 서식 > 도형 옵션 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

도형 서식 창에서 선택한 SmartArt 그래픽을 설명하는 대체 텍스트 영역

도형에 대체 텍스트 추가

SmartArt 그래픽 내 도형을 비롯한 도형에 대체 텍스트를 추가합니다.

  1. 도형을 마우스 오른쪽 단추로 클릭한 다음 도형 서식을 선택합니다.

  2. 오른쪽 창에서 레이아웃 및 속성을 선택한 다음 대체 텍스트를 선택합니다.

  3. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

도형 서식 창에서 선택한 도형을 설명하는 대체 텍스트 영역의 스크린샷

차트에 대체 텍스트 추가

  1. 차트를 마우스 오른쪽 단추로 클릭합니다.

  2. 차트 영역 서식 > 차트 옵션 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

차트 영역 서식 창에서 선택한 차트를 설명하는 대체 텍스트 영역의 스크린샷

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 및 화면 설명 추가

  1. 하이퍼링크를 추가하려는 텍스트를 선택한 다음 마우스 오른쪽 단추를 클릭합니다.

  2. 링크를 선택합니다. 선택한 텍스트는 표시할 텍스트 상자에 표시됩니다. 바로 하이퍼링크 텍스트입니다.

  3. 필요한 경우 하이퍼링크 텍스트를 변경합니다.

  4. 주소 상자에 하이퍼링크의 대상 주소를 입력합니다.

  5. 화면 설명 단추를 선택하고 화면 설명 텍스트 상자에 화면 설명을 입력합니다.

    팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

하이퍼링크 삽입 대화 상자 및 화면 설명 텍스트 대화 상자의 스크린샷

기본 제공 제목 스타일 적용

  1. 제목 텍스트를 선택합니다.

  2. 탭의 스타일 그룹에서 제목 스타일을 선택합니다(예: 제목 1 또는 제목 2).

제목 스타일 옵션의 스크린샷

글머리 기호 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 단락 그룹에서 글머리 기호 단추를 선택합니다.

  4. 글머리 기호 목록에 각 글머리 기호 항목을 입력합니다.

글머리 기호 스타일 옵션의 스크린샷

순서가 지정된 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 단락 그룹에서 번호 매기기 단추를 선택합니다.

  4. 순차적 단계를 입력합니다.

번호 매기기 스타일 옵션의 스크린샷

접근성 높은 텍스트 색 사용

고려할 내용은 다음과 같습니다.

  • 글꼴 색에 대해 자동 설정을 사용하여 텍스트가 제대로 표시되는지 확인합니다. 텍스트를 선택하고 > 글꼴 색 > 자동을 선택합니다.

    글꼴에 대한 자동 색 설정의 스크린샷
  • 접근성 검사를 사용하여 문서를 분석하고 색 대비가 충분하지 않은 부분을 찾을 수 있습니다. 이제 도구는 문서의 페이지 색상과 텍스트 색상 대비, 표의 셀 배경, 강조 표시, 텍스트 상자 채우기 색상, 단락 음영, 도형 및 SmartArt 채우기, 머리글과 바닥글, 링크 등을 확인합니다.

  • 색과 대비를 분석하고 결과를 즉시 표시하는 무료 앱인 색상 대비 분석기를 사용합니다.

접근성 높은 텍스트 서식 사용

고려할 내용은 다음과 같습니다.

  • 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 그러면 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있습니다.

  • 상태를 나타내는 데 색이 사용된 경우 도형을 추가합니다. 예를 들어 녹색이 "통과"를 나타내는 경우 확인 표시 기호 Excel 녹색 확인 표시 를 추가하고 빨간색이 "실패"를 나타내는 경우 대문자 X 상자 안에 대문자 X가 있는 빨간색 상자의 스크린샷 를 추가합니다.

참고: usability.govWeb Accessibility for Users with Color Blindness(색맹이 있는 사용자를 위한 웹 접근성) 리소스는 다른 제안을 제공합니다.

텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄입니다.

  1. 텍스트를 선택합니다.

  2. 탭을 선택합니다.

  3. 단락 그룹의 오른쪽 아래 모서리에서 자세히 단추를 선택합니다.

    단락 대화 상자가 열리고 들여쓰기 및 간격 탭이 표시됩니다.

  4. 간격 아래에서 원하는 간격 옵션을 선택합니다.

단락 대화 상자에서 단락 간격 옵션이 강조 표시됨

표 머리글 사용

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. 표 도구 디자인 탭의 표 스타일 옵션 그룹에서 머리글 행 확인란을 선택합니다.

  3. 열 제목을 입력합니다.

머리글 행 확인란의 스크린샷

참고 항목

Mac: 접근성 높은 Word 문서 만들기 모범 사례

다음 표에는 장애가 있는 사용자에 게 접근성이 높은 Word 문서를 만들기 위한 주요 모범 사례가 포함 되어 있습니다.

해결할 항목

해결 방법

해결 이유

해결 방법

모든 시각적 개체에 대체 텍스트를 포함합니다.

시각적 콘텐츠에는 그림, SmartArt 그래픽, 도형, 그룹, 차트, 포함 개체, 잉크 및 비디오가 있습니다.

누락된 대체 텍스트를 찾으려면 접근성 검사를 사용하세요.

대체 텍스트를 사용하면 화면을 볼 수 없는 사용자가 이미지에서 중요한 요소 및 기타 시각적 개체를 이해할 수 있습니다.

이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 이미지와 텍스트를 함께 사용해야 하는 경우 문서에서 해당 텍스트를 반복하세요. 대체 텍스트에서는 이미지를 간단하게 설명하고 텍스트의 존재와 의도를 언급하세요.

Office 365의 시각적 개체에 대체 텍스트 추가

Office 2016의 시각적 개체에 대체 텍스트 추가

의미 있는 하이퍼링크 텍스트와 화면 설명을 추가합니다.

하이퍼링크 텍스트가 독립된 정보로 의미를 지니는지와 읽는 사람에게 대상 항목에 대한 정확한 정보를 제공하는지 여부를 확인하려면 문서를 시각적으로 검색합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다.

팁: 하이퍼링크를 포함하는 텍스트나 이미지 위로 커서를 이동하면 나타나는 화면 설명을 추가할 수도 있습니다.

하이퍼링크 텍스트 및 화면 설명 추가

색만으로 정보를 전달하지 않도록 합니다.

색 구분 인스턴스를 찾으려면 문서를 시각적으로 검색합니다.

시각 장애가 있거나 시력이 나쁘거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

색 대비가 부족 한 경우 접근성 검사를 사용 합니다.

문서에서 읽거나 배경을 구분 하기 어려운 텍스트를 찾을 수도 있습니다.

문서에서 텍스트와 배경 간에 대비 차이가 큰 경우 더 많은 사용자가 콘텐츠를 보고 사용할 수 있습니다.

접근성 높은 텍스트 색 사용

기본 제공 제목 및 스타일을 사용합니다.

제목의 순서가 논리적인 지 확인 하려면 문서의 목차를 시각적으로 검사 합니다.

각 제목을 클릭 하 고 기본 제공 제목 스타일을 적용할 수도 있습니다.

탭 순서를 유지 하 고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 Word 의 논리적 제목 순서와 기본 제공 서식 도구를 사용 합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 각 제목 뒤에는 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글 정보를 지정합니다.

표에 분할 된 셀, 병합 된 셀 또는 표 안의 표가 포함 되지 않도록 할 수 있습니다.

표를 시각적으로 스캔 하 여 완전히 빈 행 이나 열이 없는지 확인할 수도 있습니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

Office 365의 시각적 개체에 대체 텍스트 추가

다음 절차에서는 Office 365 의 Word 문서에서 시각적 개체에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고 사항: 

  • 오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

  • Mac에서 마우스 오른쪽 단추 클릭을 사용하려면 시스템 기본 설정에서 Secondary click(보조 클릭) 옵션이 선택되어 있는지 확인합니다.

팁: 좋은 대체 텍스트를 작성하려면, 콘텐츠 및 이미지의 목적을 간결하고 명확한 방식으로 전달해야 합니다. 대체 텍스트는 짧은 한 두 문장보다 길어서는 안 되며, 신중하게 선택한 단어 몇 개로 이루어져야 합니다. 주변 텍스트 내용을 대체 텍스트로 반복하거나 “그래픽” 또는 “이미지”처럼 이미지를 언급하는 문구를 사용하지 마세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램이 이미지를 볼 수 없는 사용자에 대 한 설명을 읽을 수 있도록 그림, 스크린샷, 아이콘, 비디오, 3D 모델 등의 이미지에 대체 텍스트를 추가 합니다.

  1. 다음 중 하나를 수행합니다.

    • 이미지를 선택 하 고 그림 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 이미지를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    Word의 상황에 맞는 메뉴에 있는 대체 텍스트 옵션

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  2. 이미지 콘텐츠 및 컨텍스트를 설명 하는 1-2 문장을 입력 합니다.

    Word의 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

도형 또는 SmartArt 그래픽에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 도형 또는 SmartArt 그래픽을 선택 하 고 도형 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 도형 또는 SmartArt 그래픽을 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    도형에 대체 텍스트를 추가 하는 상황에 맞는 메뉴의 대체 텍스트 옵션

    대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  2. 도형 또는 SmartArt 그래픽의 내용과 컨텍스트를 설명 하는 1-2 문장을 입력 합니다.

    Word의 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

차트에 대체 텍스트 추가

  1. 다음 중 하나를 수행합니다.

    • 차트를 선택 하 고 서식 리본 메뉴 탭에서 대체 텍스트 단추를 누릅니다.

    • 차트를 마우스 오른쪽 단추로 클릭 하 고 대체 텍스트 편집을 선택 합니다.

    팁: 올바른 메뉴를 열려면 차트 영역을 마우스 오른쪽 단추로 클릭 하 고 해당 부분 중 하나가 아닌 전체 차트를 둘러싸는 프레임 내에 위치 합니다.

  2. 차트의 내용과 컨텍스트를 설명 하는 1-2 문장을 입력 합니다.

    Word의 대체 텍스트 창

    팁: 입력한 단어의 맞춤법을 검사하고 수정하려면 단어를 마우스 오른쪽 단추로 클릭하고 제안된 대체 단어 중에서 선택합니다.

시각적 효과 장식 만들기

장식용 개체는 시각적 관심사를 추가 하지만 정보는 제공 하지 않습니다 (예: 스타일 테두리). 화면 읽기 프로그램을 사용 하는 사용자에 게는이 내용이 중요 한 정보가 없다는 것을 알려 주는 장식용으로 들립니다.

  1. 시각적 개체를 마우스 오른쪽 단추로 클릭 합니다.

  2. 대체 텍스트 편집을 선택합니다. 대체 텍스트 창이 문서 본문의 오른쪽에 열립니다.

  3. 장식으로 표시 확인란을 선택 합니다. 텍스트 입력 필드가 회색으로 표시 됩니다.

    대체 텍스트 창에서 선택 된 장식 선택 상자

팁: 문서를 PDF로 내보내는 경우 장식으로 표시 한 모든 시각적 개체는 다른 사용자에 게 태그를 지정 하 여 유지 됩니다.

Office 2016의 시각적 개체에 대체 텍스트 추가

다음 절차에서는 Word 문서에서 시각적 개체에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고:  오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에게 이미지를 설명하는 텍스트를 읽어 줄 수 있도록 그림, 스크린샷 등의 이미지에 대체 텍스트를 추가합니다.

  1. 이미지를 마우스 오른쪽 단추로 클릭합니다.

  2. 그림 서식 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

그림 서식 창에서 선택한 이미지를 설명하는 대체 텍스트 영역의 스크린샷

SmartArt 그래픽에 대체 텍스트 추가

  1. SmartArt 그래픽을 마우스 오른쪽 단추로 클릭합니다.

  2. SmartArt 서식 지정 > 도형 옵션 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

도형 서식 창에서 선택한 SmartArt 그래픽을 설명하는 대체 텍스트 영역의 스크린샷

도형에 대체 텍스트 추가

SmartArt 그래픽 내 도형을 비롯한 도형에 대체 텍스트를 추가합니다.

  1. 도형을 마우스 오른쪽 단추로 클릭합니다.

  2. 도형 서식 > 도형 옵션 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

도형 서식 창에서 선택한 도형을 설명하는 대체 텍스트 영역의 스크린샷

차트에 대체 텍스트 추가

  1. 차트를 마우스 오른쪽 단추로 클릭합니다.

  2. 차트 영역 서식 > 차트 옵션 > 레이아웃 및 속성을 선택합니다.

  3. 대체 텍스트를 선택합니다.

  4. 설명과 제목을 입력합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

차트 영역 서식 창에서 선택한 차트를 설명하는 대체 텍스트 영역의 스크린샷

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 및 화면 설명 추가

  1. 하이퍼링크를 추가하려는 텍스트를 선택한 다음 마우스 오른쪽 단추를 클릭합니다.

  2. 하이퍼링크를 선택합니다.

    선택한 텍스트는 표시할 텍스트 상자에 표시됩니다. 이것이 하이퍼링크 텍스트입니다.

  3. 필요한 경우 하이퍼링크 텍스트를 변경합니다.

  4. 주소 상자에 대상 URL을 입력합니다.

  5. 화면 설명 단추를 선택하고 화면 설명 텍스트 상자에 화면 설명을 입력합니다.

    팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

하이퍼링크 삽입 대화 상자 및 화면 설명 텍스트 대화 상자의 스크린샷

기본 제공 제목 스타일 적용

  1. 제목 텍스트를 선택합니다.

  2. 탭에서 제목 스타일을 선택합니다(제목 1 또는 제목 2).

제목 스타일 옵션의 스크린샷

글머리 기호 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 단락 그룹에서 글머리 기호 단추를 선택합니다.

  4. 글머리 기호 목록에 각 글머리 기호 항목을 입력합니다.

글머리 기호 스타일 옵션의 스크린샷

순서가 지정된 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 번호 매기기 단추를 선택합니다.

  4. 순차적 단계를 입력합니다.

번호 매기기 스타일 옵션의 스크린샷

접근성 높은 텍스트 색 사용

고려할 내용은 다음과 같습니다.

  • 글꼴 색에 대해 자동 설정을 사용하여 텍스트가 제대로 표시되는지 확인합니다. 텍스트를 선택하고 > 글꼴 색 > 자동을 선택합니다.

    Mac 용 Word 글꼴 색 선택 메뉴
  • 접근성 검사를 사용하여 문서를 분석하고 색 대비가 충분하지 않은 부분을 찾을 수 있습니다. 이제 도구는 문서의 페이지 색상과 텍스트 색상 대비, 표의 셀 배경, 강조 표시, 텍스트 상자 채우기 색상, 단락 음영, 도형 및 SmartArt 채우기, 머리글과 바닥글, 링크 등을 확인합니다.

  • 색과 대비를 분석하고 결과를 즉시 표시하는 무료 앱인 색상 대비 분석기를 사용합니다.

접근성 높은 텍스트 서식 사용

고려할 내용은 다음과 같습니다.

  • 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 그러면 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있습니다.

  • 상태를 나타내는 데 색이 사용된 경우 도형을 추가합니다. 예를 들어 녹색이 "통과"를 나타내는 경우 확인 표시 기호 Excel 녹색 확인 표시 를 추가하고 빨간색이 "실패"를 나타내는 경우 대문자 X 상자 안에 대문자 X가 있는 빨간색 상자의 스크린샷 를 추가합니다.

참고: usability.govWeb Accessibility for Users with Color Blindness(색맹이 있는 사용자를 위한 웹 접근성) 리소스는 다른 제안을 제공합니다.

텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄입니다.

  1. 텍스트를 선택합니다.

  2. 탭을 선택합니다.

  3. 줄 간격 및 단락 간격 > 줄 간격 옵션을 선택합니다.

    단락 대화 상자가 열리고 들여쓰기 및 간격 탭이 표시됩니다.

  4. 간격 아래에서 원하는 간격 옵션을 선택합니다.

단락 대화 상자의 스크린샷

표 머리글 사용

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. 표 디자인 탭에서 머리글 행 확인란을 선택 합니다.

  3. 열 제목을 입력합니다.

머리글 행 확인란의 스크린샷

참고 항목

iOS: 접근성 높은 Word 문서 만들기 모범 사례

다음 표에는 장애가 있는 사용자에게 접근성이 높은 Word 문서 만들기의 주요 모범 사례가 포함되어 있습니다.

해결할 항목

해결 이유

해결 방법

의미 있는 하이퍼링크 텍스트를 추가합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다.

하이퍼링크 텍스트 추가

색만으로 정보를 전달하지 않도록 합니다.

시각 장애가 있거나 시력이 나쁘거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

문서에서 텍스트와 배경 간에 대비 차이가 큰 경우 더 많은 사용자가 콘텐츠를 보고 사용할 수 있습니다.

접근성 높은 텍스트 색 사용

더 큰 글꼴 크기(11pt 이상), sans serif 글꼴 및 충분한 공백을 사용합니다.

난독 증 있는 사용자는 페이지에서 "스윔 함께" 텍스트를 표시 (아래 선으로 한 줄의 텍스트 압축) 할 것을 설명 합니다. 텍스트 병합 또는 왜곡을 표시 하는 경우가 많습니다.

난독증이 있거나 시력이 나쁜 사용자의 경우 읽기 부하를 줄입니다. 예를 들어 Arial, Calibri 등의 sans serif 글꼴을 사용하면 도움이 될 수 있습니다. 모두 대문자 및 과도한 기울임꼴이나 밑줄을 사용하지 마세요. 문장과 단락 사이에 충분한 공백이 포함되도록 합니다.

텍스트 간격 사용

기본 제공 제목 및 스타일을 사용합니다.

탭 순서를 유지하고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 Word의 기본 제공 서식 지정 도구와 논리적 제목 순서를 사용합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글 정보를 지정합니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 추가

  1. 하이퍼링크를 추가할 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래 도구 모음 끝에 있는 자세히 단추를 탭 합니다.

  3. > 삽입을 탭합니다.

  4. 아래로 스크롤하여 링크 명령으로 이동한 후 탭합니다.

  5. 선택한 텍스트가 표시 상자에 표시됩니다. 바로 하이퍼링크 텍스트입니다. 필요한 경우 변경하세요.

  6. 하이퍼링크를 추가하려면 주소 상자에 URL을 입력합니다.

  7. 화면의 맨 위에 있는 완료를 탭합니다.

팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

URL(주소) 및 표시할 텍스트가 표시된 링크 명령

기본 제공 제목 스타일 적용

  1. 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래 도구 모음 끝에 있는 자세히 단추를 탭 합니다.

  3. 스타일 명령에서 오른쪽 화살표를 탭합니다.

  4. 제목 1과 같은 제목 스타일을 탭합니다.

제목 1이 선택된 스타일 명령

글머리 기호 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 열려면 화면 맨 아래 도구 모음 끝에 있는 자세히 단추를 탭 합니다.

  3. 글머리 기호 명령에서 오른쪽 화살표를 탭합니다.

  4. 원하는 글머리 기호 옵션을 탭합니다.

  5. 글머리 기호 목록에 각 글머리 기호 항목을 입력합니다.

서식 옵션이 표시된 글머리 기호 명령

순서가 지정된 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 열려면 화면 맨 아래 도구 모음 끝에 있는 자세히 단추를 탭 합니다.

  3. 번호 매기기 명령에서 오른쪽 화살표를 탭합니다.

  4. 원하는 번호 매기기 옵션을 탭합니다.

  5. 순차적 단계를 입력합니다.

서식 옵션이 표시된 숫자 매기기 명령

접근성 높은 텍스트 색 사용

고려할 내용은 다음과 같습니다.

  • 글꼴 색에 대해 자동 설정을 사용하여 텍스트가 제대로 표시되는지 확인합니다. 텍스트를 선택하고 > 글꼴 색 > 자동을 선택합니다.

    글꼴에 대한 자동 색 설정의 스크린샷
  • 색과 대비를 분석하고 결과를 즉시 표시하는 무료 앱인 색상 대비 분석기를 사용합니다.

접근성 높은 텍스트 서식 사용

고려할 내용은 다음과 같습니다.

  • 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 그러면 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있습니다.

  • 상태를 나타내는 데 색이 사용된 경우 도형을 추가합니다. 예를 들어 녹색이 "통과"를 나타내는 경우 확인 표시 기호 Excel 녹색 확인 표시 를 추가하고 빨간색이 "실패"를 나타내는 경우 대문자 X 상자 안에 대문자 X가 있는 빨간색 상자의 스크린샷 를 추가합니다.

참고: usability.govWeb Accessibility for Users with Color Blindness(색맹이 있는 사용자를 위한 웹 접근성) 리소스는 다른 제안을 제공합니다.

텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄입니다.

  1. 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래 도구 모음 끝에 있는 자세히 단추를 탭 합니다.

  3. 줄 간격 명령에서 오른쪽 화살표를 탭합니다.

  4. 원하는 간격 옵션을 탭합니다.

1.15가 선택된 서식 옵션을 보여 주는 줄 간격 명령

표 머리글 사용

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. > 삽입 > 를 탭합니다.

  3. 스타일 옵션 명령에서 오른쪽 화살표를 탭합니다.

  4. 머리글 행 옵션을 선택하려면 탭합니다.

  5. 표에서 열 제목을 입력합니다.

머리글 행이 선택되어 있는 스타일 옵션 명령

참고 항목

Android: 접근성 높은 Word 문서 만들기 모범 사례

다음 표에는 장애가 있는 사용자에게 접근성이 높은 Word 문서 만들기의 주요 모범 사례가 포함되어 있습니다.

해결할 항목

해결 이유

해결 방법

모든 시각적 개체 및 표와 함께 대체 텍스트를 포함합니다.

시각적 콘텐츠에는 그림, SmartArt 그래픽, 도형, 그룹, 차트, 포함 개체, 잉크 및 비디오가 있습니다.

대체 텍스트를 사용하면 화면을 볼 수 없는 사용자가 이미지에서 중요한 요소 및 기타 시각적 개체를 이해할 수 있습니다.

이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 이미지와 텍스트를 함께 사용해야 하는 경우 문서에서 해당 텍스트를 반복하세요. 대체 텍스트에서는 이미지를 간단하게 설명하고 텍스트의 존재와 의도를 언급하세요.

이미지에 대체 텍스트 추가

도형에 대체 텍스트 추가

표에 대체 텍스트 추가

의미 있는 하이퍼링크 텍스트를 추가합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다.

하이퍼링크 텍스트 추가

색만으로 정보를 전달하지 않도록 합니다.

시각 장애가 있거나 시력이 나쁘거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

문서에서 텍스트와 배경 간에 대비 차이가 큰 경우 더 많은 사용자가 콘텐츠를 보고 사용할 수 있습니다.

접근성 높은 텍스트 색 사용

더 큰 글꼴 크기(18pt 이상), sans serif 글꼴 및 충분한 공백을 사용합니다.

난독 증 있는 사용자는 페이지에서 "스윔 함께" 텍스트를 표시 (아래 선으로 한 줄의 텍스트 압축) 할 것을 설명 합니다. 텍스트 병합 또는 왜곡을 표시 하는 경우가 많습니다.

난독증이 있거나 시력이 나쁜 사용자의 경우 읽기 부하를 줄입니다. 예를 들어 Arial, Calibri 등의 sans serif 글꼴을 사용하면 도움이 될 수 있습니다. 모두 대문자 및 과도한 기울임꼴이나 밑줄을 사용하지 마세요. 문장과 단락 사이에 충분한 공백이 포함되도록 합니다.

텍스트 간격 사용

기본 제공 제목 및 스타일을 사용합니다.

탭 순서를 유지 하 고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 Word 의 논리적 제목 순서와 기본 제공 서식 도구를 사용 합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글 정보를 지정합니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

시각적 개체 및 표에 대체 텍스트 추가

다음 절차에서는 Word 문서의 시각적 개체 및 표에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고:  오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에 게 이미지를 설명 하는 텍스트를 읽을 수 있도록 그림, 스크린샷 등의 이미지에 대체 텍스트를 추가 합니다.

  1. 이미지를 선택합니다.

  2. 그림 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 대체 텍스트 옵션이 나올 때까지 아래로 스크롤한 다음 탭 합니다.

  4. 설명을 입력합니다. 변경 내용은 자동으로 저장됩니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

Android 용 Word 그림 대체 텍스트 대화 상자

도형에 대체 텍스트 추가

SmartArt 그래픽 내 도형을 비롯한 도형에 대체 텍스트를 추가합니다.

  1. 도형을 선택합니다.

  2. 도형 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 대체 텍스트 옵션이 나올 때까지 아래로 스크롤한 다음 탭 합니다.

  4. 설명을 입력합니다. 변경 내용은 자동으로 저장됩니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

표에 대체 텍스트 추가

  1. 표 안의 아무 곳이나 탭합니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 대체 텍스트 옵션이 나올 때까지 아래로 스크롤한 다음 탭 합니다.

  4. 설명을 입력합니다. 변경 내용은 자동으로 저장됩니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 추가

  1. 하이퍼링크를 추가할 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. > 삽입을 탭합니다.

  4. 아래로 스크롤하여 링크 옵션을 탭 하 고 링크 삽입을 탭 합니다.

  5. 선택한 텍스트는 표시할 텍스트 상자에 표시됩니다. 바로 하이퍼링크 텍스트입니다. 필요한 경우 변경하세요.

  6. 하이퍼링크를 추가하려면 주소 상자에 URL을 입력합니다.

  7. 화면 맨 위에서 적용을 탭 합니다.

팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

표시할 텍스트 및 주소가 표시된 링크 명령

기본 제공 제목 스타일 적용

  1. 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 아래로 스크롤하여 스타일 옵션을 선택한 다음 탭 합니다.

  4. 제목 1과 같은 제목 스타일을 탭합니다.

Android 용 Word 제목 스타일 메뉴

글머리 기호 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 아래로 스크롤하여 글머리 기호 옵션을 선택한 다음 탭 합니다.

  4. 원하는 글머리 기호 옵션을 탭합니다.

  5. 글머리 기호 목록에 각 글머리 기호 항목을 입력합니다.

Android 용 Word 글머리 기호 목록 메뉴

순서가 지정된 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 번호 매기기 옵션이 나올 때까지 아래로 스크롤한 다음 탭 합니다.

  4. 원하는 번호 매기기 옵션을 탭합니다.

  5. 번호 매기기 목록에 각 항목을 입력 합니다.

Android 용 Word 순서가 지정 된 목록 메뉴

접근성 높은 텍스트 색 사용

고려할 내용은 다음과 같습니다.

  • 글꼴 색에 대해 자동 설정을 사용하여 텍스트가 제대로 표시되는지 확인합니다. 텍스트를 선택하고 > 글꼴 색 > 자동을 선택합니다.

    Android 용 Word 글꼴 색 메뉴
  • 색과 대비를 분석하고 결과를 즉시 표시하는 무료 앱인 색상 대비 분석기를 사용합니다.

접근성 높은 텍스트 서식 사용

고려할 내용은 다음과 같습니다.

  • 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 그러면 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있습니다.

  • 상태를 나타내는 데 색이 사용된 경우 도형을 추가합니다. 예를 들어 녹색이 "통과"를 나타내는 경우 확인 표시 기호 Excel 녹색 확인 표시 를 추가하고 빨간색이 "실패"를 나타내는 경우 대문자 X 상자 안에 대문자 X가 있는 빨간색 상자의 스크린샷 를 추가합니다.

참고: usability.govWeb Accessibility for Users with Color Blindness(색맹이 있는 사용자를 위한 웹 접근성) 리소스는 다른 제안을 제공합니다.

텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄입니다.

  1. 텍스트를 선택합니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 단락 서식 옵션이 나올 때까지 아래로 스크롤한 다음 탭 합니다.

  4. 원하는 간격 옵션을 탭합니다.

Android 용 Word 단락 서식 메뉴

표 머리글 사용

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. 탭을 열려면 화면 맨 아래에 있는 도구 모음 오른쪽 끝에 있는 기타 위쪽 화살표 키 단추를 탭 합니다.

  3. 아래로 스크롤하여 스타일 옵션 옵션을 선택한 다음 탭 합니다.

  4. 머리글 행 옵션을 선택하려면 탭합니다.

    팁: 옵션이 선택 되 면 회색으로 표시 됩니다.

  5. 표에서 각 열 머리글을 입력 합니다.

Android 용 Word 표 스타일 옵션 메뉴

참고 항목

모바일 장치용 Windows: 접근성 높은 Word 문서 만들기 모범 사례

다음 표에는 장애가 있는 사용자에게 접근성이 높은 Word 문서 만들기의 주요 모범 사례가 포함되어 있습니다.

해결할 항목

해결 이유

해결 방법

의미 있는 하이퍼링크 텍스트를 추가합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대한 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 "여기를 클릭"이라는 텍스트를 사용하는 대신 링크에 대상 페이지의 전체 제목을 포함해야 합니다.

하이퍼링크 텍스트 추가

그래픽, 표, 도형 및 기타 시각적 개체에 대체 텍스트를 추가합니다.

대체 텍스트를 사용 하면 화면을 볼 수 없는 사용자가 SmartArt 그래픽, 도형, 그룹, 차트, 포함 된 개체, 연결 된 이미지, 잉크 그리기, 비디오 등의 이미지 및 기타 시각적 개체에 대 한 중요 한 정보를 알 수 있습니다.

이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 이미지와 텍스트를 함께 사용해야 하는 경우 문서에서 해당 텍스트를 반복하세요. 대체 텍스트에서는 이미지를 간단하게 설명하고 텍스트의 존재와 의도를 언급하세요.

이미지에 대체 텍스트 추가

도형에 대체 텍스트 추가

표에 대체 텍스트 추가

시각적 효과 장식 만들기

색만으로 정보를 전달하지 않도록 합니다.

시력이 나쁘거나 시각 장애가 있거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다. 색만을 사용하여 의미를 전달하지 않도록 합니다. 색 또는 기타 감각 특성의 의미를 동일하게 전달하는 텍스트를 만듭니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

문서의 텍스트는 시각 장애가 있는 사용자를 포함한 모든 사용자가 잘 볼 수 있도록 고대비 모드로 읽을 수 있어야 합니다.

접근성 높은 텍스트 색 사용

큰 글꼴 크기(18pt 이상), sans-serif 글꼴 및 충분한 공백을 사용합니다.

난독증이 있는 사용자는 페이지에서 단어가 움직이거나 텍스트가 섞이는 것(텍스트 줄이 그 아래 줄로 눌림)처럼 인지할 수 있습니다. 텍스트가 병합되거나 왜곡될 수도 있습니다.

읽기 부하를 줄이려면 예를 들어 다음과 같이 할 수 있습니다.

  • Arial 또는 Calibri 같은 친숙한 sans-serif 글꼴을 사용합니다.

  • 모두 대문자 및 과도한 기울임꼴이나 밑줄을 사용하지 않습니다.

  • 줄과 단락 사이에 충분한 공백을 포함합니다.

  • 양쪽 맞춤을 사용하는 대신 단락을 왼쪽에 맞춥니다. 이렇게 하면 단어 사이에 큰 간격이 생기지 않습니다. 큰 간격은 단락을 관통하여 흐르는 공백의 강과 같은 시각 효과를 생성할 수 있습니다.

접근성 높은 텍스트 서식 사용

적절한 텍스트 간격 사용

기본 제공 제목 및 스타일을 사용합니다.

탭 순서를 유지하고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 Word의 기본 제공 서식 지정 도구와 논리적 제목 순서를 사용합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글을 지정합니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

시각적 개체 및 표에 대체 텍스트 추가

다음 절차에서는 Word 문서의 시각적 개체 및 표에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고:  오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함해야 합니다.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지에 대 한 설명을 읽을 수 있도록 사진, 그래픽, 스크린샷 등의 이미지에 대체 텍스트를 추가 합니다.

  1. 문서에서 이미지를 선택합니다.

  2. 그림 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 그림 메뉴에서 아래로 스크롤하여 대체 텍스트로 이동한 후 탭합니다.

  4. 설명 텍스트 필드에 대체 텍스트를 입력 합니다. 간결하게 입력하고 가장 중요한 정보로 시작하며 이미지의 내용과 기능을 전달하는 것을 목표로 합니다. 준비되면 완료를 탭합니다.

Word Mobile 대체 텍스트 대화 상자

도형에 대체 텍스트 추가

인라인 도형, SmartArt 내 도형 및 기타 도형을 사용하면 대체 텍스트를 추가하지 않는 한 화면 읽기 프로그램에서 읽을 수 없는 시각적 정보를 전달할 수 있습니다.

  1. 문서에서 도형을 선택합니다.

  2. 셰이프 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 도형 메뉴에서 아래로 스크롤하여 대체 텍스트로 이동한 후 탭합니다.

  4. 설명 텍스트 필드에 대체 텍스트를 입력 합니다. 간결하게 입력하고 가장 중요한 정보로 시작하며 도형의 내용과 기능을 전달하는 것을 목표로 합니다. 준비되면 완료를 탭합니다.

표에 대체 텍스트 추가

표에 대체 텍스트를 추가하여 화면 읽기 프로그램을 사용하는 사용자에게 표 내용의 간단한 요약을 제공합니다.

  1. 표 안의 아무 곳이나 탭합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 메뉴에서 아래로 스크롤하여 대체 텍스트로 이동한 후 탭합니다.

  4. 설명 텍스트 필드에 대체 텍스트를 입력 합니다. 간결하게 입력하고 가장 중요한 정보로 시작하며 표 내용의 간단한 요약을 전달하는 것을 목표로 합니다. 준비되면 완료를 탭합니다.

시각적 효과 장식 만들기

장식용 개체는 시각적 관심사를 추가 하지만 정보는 제공 하지 않습니다 (예: 스타일 테두리). 화면 읽기 프로그램을 사용 하는 사용자에 게는이 내용이 중요 한 정보가 없다는 것을 알려 주는 장식용으로 들립니다.

  1. 문서에서 시각적 개체를 선택 합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 아래로 스크롤하여 대체 텍스트로 이동한 후 탭 합니다.

  4. 장식으로 표시 확인란을 선택 합니다. 텍스트 입력 필드가 회색으로 표시됩니다.

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 추가

텍스트에 설명 하이퍼링크를 추가하여 사용자가 링크 뒤에 있는 내용을 알 수 있도록 합니다.

  1. 하이퍼링크를 추가할 텍스트 부분을 선택합니다.

  2. 링크 ( Word Mobile 링크 단추 아이콘 ) 단추를 찾아 탭 할 때까지 도구 모음을 오른쪽으로 스크롤합니다.

  3. 선택한 텍스트는 표시할 텍스트 필드에 표시됩니다. 바로 하이퍼링크 텍스트입니다. 필요한 경우 이 텍스트를 변경할 수 있습니다.

    팁: “여기를 클릭”이나 비슷한 설명이 없는 표현을 사용하지 마세요. 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용할 수 있습니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

  4. 하이퍼링크를 추가하려면 주소 상자에 URL을 입력합니다.

  5. 화면의 맨 위에 있는 삽입을 탭합니다.

Word Mobile 링크 텍스트 대화 상자

접근성 높은 텍스트 서식 사용

텍스트 서식을 개선하려면 일반 sans-serif 글꼴을 선택하고, 큰 글꼴 크기를 사용하며, 텍스트를 왼쪽에 맞추고, 블록체 대문자와 기울임꼴을 과도하게 사용하지 마세요.

  1. 서식을 지정할 텍스트 부분을 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 예를 들어 메뉴에서 큰 글꼴 크기 및 sans-serif 유형의 글꼴을 선택할 수 있습니다. 강조를 위한 굵은 글꼴과 같은 기타 서식 옵션을 사용할 수도 있습니다.

Word Mobile에서 텍스트 서식 메뉴의 스크린샷

접근성 높은 텍스트 색 사용

텍스트가 고대비 모드에서 제대로 표시되게 하려면 글꼴 색에 대해 자동 설정을 사용합니다.

  1. 텍스트를 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 글꼴 색 옵션에서 오른쪽 화살표를 탭합니다.

  4. 자동을 탭합니다.

자동 옵션이 선택된 글꼴 색 메뉴의 스크린샷

기본 제공 제목 스타일 적용

기본 제공 제목 스타일을 사용하여 화면 읽기 프로그램을 위한 문서의 개요를 형성합니다. 화면 읽기 프로그램은 기본 제공 스타일이 적용되지 않은 한, 크고 굵은 글꼴이 적용된 텍스트 부분을 제목으로 해석하지 않습니다.

  1. 제목의 텍스트를 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 아래로 스크롤하여 스타일로 이동한 후 탭합니다.

  4. 제목 1과 같은 제목 스타일을 탭합니다.

Word Mobile에서 제목 1 옵션이 선택된 스타일 메뉴의 스크린샷

글머리 기호 목록 사용

가능한 경우 텍스트를 글머리 기호로 분할하여 가독성과 접근성을 개선합니다.

  1. 문서에서 목록을 추가할 위치에 커서를 놓거나 목록에 포함할 텍스트 부분을 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 아래로 스크롤하여 글머리 기호로 이동한 후 탭합니다.

  4. 사용할 글머리 기호 스타일을 탭합니다.

  5. 필요한 경우 목록 항목을 입력합니다.

    팁: 화면 읽기 프로그램이 일시 중지되게 하려면 각 목록 항목의 끝에 마침표 또는 쉼표를 사용하세요.

Word Mobile에서 글머리 기호를 선택할 수 있는 글머리 기호 메뉴의 스크린샷

순서가 지정된 목록 사용

가능한 경우 텍스트의 연속 블록보다 따르기가 쉬우므로 번호 매기기 목록을 사용합니다.

  1. 문서에서 목록을 추가할 위치에 커서를 놓거나 목록에 포함할 텍스트 부분을 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 아래로 스크롤하여 번호 매기기로 이동한 후 탭합니다.

  4. 사용할 번호 매기기 스타일을 탭합니다.

  5. 필요한 경우 목록 항목을 입력합니다.

    팁: 화면 읽기 프로그램이 일시 중지되게 하려면 각 목록 항목의 끝에 마침표 또는 쉼표를 사용하세요.

Word Mobile에서 번호 매기기 스타일이 선택된 번호 매기기 메뉴의 스크린샷

적절한 텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄여 가독성을 개선합니다.

  1. 텍스트 부분을 선택합니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 아래로 스크롤하여 단락 서식으로 이동한 후 탭합니다.

  4. 줄 간격을 탭하고 사용할 간격 옵션을 선택합니다.

줄 간격 값을 선택할 수 있는 Word Mobile 메뉴의 스크린샷

표 머리글 사용

표에 머리글을 추가하면 화면 읽기 프로그램에서 열과 행을 추적하는 데 도움이 됩니다.

  1. 표에서 첫 번째 행의 아무 곳에나 커서를 놓습니다.

  2. 메뉴를 열려면 더 보기 (...) 단추를 탭 합니다.

  3. 메뉴에서 삽입을 탭 합니다.

  4. 위에 삽입을 탭합니다.

  5. 이전 메뉴로 돌아가려면 삽입 메뉴 머리글에서 왼쪽 화살표를 탭합니다.

  6. 메뉴에서 아래로 스크롤하여 스타일 옵션으로 이동한 후 탭합니다.

  7. 머리글 행을 선택합니다.

  8. 표로 돌아가서 열 제목을 입력합니다.

머리글 행 옵션이 선택된 스타일 옵션 메뉴의 스크린샷

참고 항목

Office Online: 접근성 높은 웹용 Word 문서 작성 모범 사례

다음 표에는 장애가 있는 사용자에 게 접근성이 높은 웹용 Word 문서를 만들기 위한 주요 모범 사례가 포함 되어 있습니다.

해결할 항목

해결 방법

해결 이유

해결 방법

이미지 및 표와 함께 대체 텍스트를 포함 합니다.

접근성 검사 를 사용 하 여 누락 된 대체 텍스트를 찾습니다.

대체 텍스트를 사용하면 화면을 볼 수 없는 사용자가 이미지에서 중요한 요소 및 기타 시각적 개체를 이해할 수 있습니다.

이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 이미지와 텍스트를 함께 사용해야 하는 경우 문서에서 해당 텍스트를 반복하세요. 대체 텍스트에서는 이미지를 간단하게 설명하고 텍스트의 존재와 의도를 언급하세요.

이미지에 대체 텍스트 추가

표에 대체 텍스트 추가

의미 있는 하이퍼링크 텍스트를 추가합니다.

하이퍼링크 텍스트가 독립된 정보로 의미를 지니는지와 읽는 사람에게 대상 항목에 대한 정확한 정보를 제공하는지 여부를 확인하려면 문서를 시각적으로 검색합니다.

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다.

하이퍼링크 텍스트 추가

색만으로 정보를 전달하지 않도록 합니다.

색 구분 인스턴스를 찾으려면 문서를 시각적으로 검색합니다.

시각 장애가 있거나 시력이 나쁘거나 색맹인 사용자의 경우 특정 색으로 전달되는 의미를 놓칠 수 있습니다.

접근성 높은 텍스트 서식 사용

텍스트와 배경색에 충분한 대비를 사용합니다.

색 대비가 부족 한 경우 읽기 어려운 문서 또는 배경과 구분 하는 텍스트를 찾아 보세요.

문서에서 텍스트와 배경 간에 대비 차이가 큰 경우 더 많은 사용자가 콘텐츠를 보고 사용할 수 있습니다.

접근성 높은 텍스트 색 사용

기본 제공 제목 및 스타일을 사용합니다.

기본 제공 스타일을 사용하지 않는 제목을 찾으려면 제목처럼 보이는 서식이 지정된 문서를 시각적으로 검색합니다. 이 텍스트를 선택하고 리본의 홈 탭을 확인하여 제목 스타일이 사용되었는지 확인합니다.

탭 순서를 유지 하 고 화면 읽기 프로그램에서 문서를 더 쉽게 읽을 수 있도록 하려면 웹용 Word 의 논리적 제목 순서와 기본 제공 서식 도구를 사용 합니다.

예를 들어 지정된 논리적 순서로 제목을 구성합니다. 제목 3, 제목 1, 제목 2가 아니라 제목 1, 제목 2, 제목 3 순서로 사용합니다. 또한 전자 메일의 정보를 작은 부분으로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

기본 제공 제목 스타일 적용

글머리 기호 목록 사용

순서가 지정된 목록 사용

간단한 표 구조를 사용하고 열 머리글 정보를 지정합니다.

접근성 검사 를 사용 하 여 표에 분할 된 셀, 병합 된 셀 또는 중첩 표가 포함 되지 않도록 합니다.

표를 시각적으로 스캔 하 여 완전히 빈 행 이나 열이 없는지 확인할 수도 있습니다.

화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다. 또한 표에 빈 행 및 열이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다.

화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.

표 머리글 사용

이미지 및 표에 대체 텍스트 추가

다음 절차에서는 웹용 Word 문서의 이미지 및 표에 대체 텍스트를 추가 하는 방법을 설명 합니다.

참고: 설명 필드에는 텍스트를 입력 하 고 빈 칸은 비워 둘 것을 권장 합니다. 그러면 내레이터를 비롯한 대부분의 주요 화면 읽기 프로그램에 최상의 환경이 제공됩니다. 오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.

이미지에 대체 텍스트 추가

화면 읽기 프로그램에서 이미지를 볼 수 없는 사용자에게 이미지를 설명하는 텍스트를 읽어 줄 수 있도록 그림, 스크린샷 등의 이미지에 대체 텍스트를 추가합니다.

  1. 이미지를 선택합니다.

  2. 그림 > 대체 텍스트를 선택 합니다.

  3. 설명 대화 상자에 대체 텍스트를 입력 합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

Word Online 그림 대체 텍스트 창

표에 대체 텍스트 추가

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. > 대체 텍스트를 선택 합니다.

  3. 설명 대화 상자에 대체 텍스트를 입력 합니다.

    팁: 첫 줄에 가장 중요한 정보를 포함하고 최대한 간결하게 입력합니다.

제목 및 설명 필드가 있는 대체 텍스트 대화 상자의 스크린샷

접근성 높은 하이퍼링크, 텍스트 및 표 만들기

다음 절차에서는 웹용 Word 문서에서 접근성 높은 하이퍼링크, 텍스트 및 표를 만드는 방법에 대해 설명 합니다.

하이퍼링크 텍스트 추가

  1. 하이퍼링크를 추가하려는 텍스트를 선택한 다음 마우스 오른쪽 단추를 클릭합니다.

  2. 링크를 선택합니다. 선택한 텍스트가 표시 텍스트 상자에 표시됩니다. 이것이 하이퍼링크 텍스트입니다.

  3. 필요한 경우 하이퍼링크 텍스트를 변경합니다.

  4. 주소 상자에 하이퍼링크의 대상 주소를 입력합니다.

    팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 Office Online용 서식 파일 및 테마 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다.

하이퍼링크 정보에 대한 표시 텍스트 및 주소 필드가 있는 링크 대화 상자의 스크린샷

접근성 높은 텍스트 색 사용

고려할 내용은 다음과 같습니다.

  • 글꼴 색에 대해 자동 설정을 사용하여 텍스트가 제대로 표시되는지 확인합니다. 텍스트를 선택하고 > 글꼴 색 > 자동을 선택합니다.

    Word Online 글꼴 색 선택 메뉴
  • 색과 대비를 분석하고 결과를 즉시 표시하는 무료 앱인 색상 대비 분석기를 사용합니다.

접근성 높은 텍스트 서식 사용

고려할 내용은 다음과 같습니다.

  • 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 그러면 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있습니다.

  • 상태를 나타내는 데 색이 사용된 경우 도형을 추가합니다. 예를 들어 녹색이 "통과"를 나타내는 경우 확인 표시 기호 Excel 녹색 확인 표시 를 추가하고 빨간색이 "실패"를 나타내는 경우 대문자 X 상자 안에 대문자 X가 있는 빨간색 상자의 스크린샷 를 추가합니다.

참고: usability.govWeb Accessibility for Users with Color Blindness(색맹이 있는 사용자를 위한 웹 접근성) 리소스는 다른 제안을 제공합니다.

기본 제공 제목 스타일 적용

  1. 제목 텍스트를 선택 하 고 탭을 선택 합니다.

  2. 스타일 단추를 선택한 다음 제목 스타일 (예: 제목 1 또는 제목 2)을 선택 합니다.

Word Online 텍스트 스타일 메뉴

글머리 기호 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 글머리 기호 단추를 선택한 다음 사용 하려는 글머리 기호의 스타일을 선택 합니다.

  4. 글머리 기호 목록에 각 글머리 기호 항목을 입력합니다.

Word Online 글머리 기호 메뉴

순서가 지정된 목록 사용

  1. 문서의 아무 곳에나 커서를 놓습니다.

  2. 탭을 선택합니다.

  3. 번호 매기기 단추를 선택한 다음 사용 하려는 목록 스타일을 선택 합니다.

  4. 순차적 단계를 입력합니다.

Word Online 번호 매기기 메뉴

텍스트 간격 사용

문장과 단락 사이의 공백을 늘리거나 줄입니다.

  1. 텍스트를 선택합니다.

  2. 탭을 선택합니다.

  3. ... 단추를 선택한 다음 단락 옵션을 선택 합니다 .단락 대화 상자가 열리고 들여쓰기간격 옵션이 표시됩니다.

  4. 간격 아래에서 원하는 간격 옵션을 선택합니다.

일반, 들여쓰기 및 간격 옵션이 표시된 단락 대화 상자의 스크린샷

표 머리글 사용

  1. 표의 아무 곳에나 커서를 놓습니다.

  2. > 스타일 옵션 > 머리글 행을 선택 합니다.

  3. 열 머리글을 입력 합니다.

Word Online 표 스타일 옵션 메뉴

참고 항목

장애가 있는 고객에 대한 기술 지원

Microsoft는 모든 고객에게 최상의 경험을 제공하고자 노력합니다. 신체가 불편하거나 접근성과 관련하여 질문이 있으면 Microsoft Disability Answer Desk에 문의하여 기술 지원을 요청하세요. Disability Answer Desk 지원 팀은 널리 사용되고 있는 다양한 지원 기술에 능숙하며 영국 수화, 스페인 수화, 프랑스 수화, 미국 수화를 통해 지원할 수 있습니다. Microsoft Disability Answer Desk 사이트를 방문하여 거주 지역의 연락처 세부 정보를 확인하세요.

정부 기관, 상용 또는 엔터프라이즈 사용자인 경우에 enterprise Disability Answer Desk로 문의하세요.

참고:  이 페이지는 자동화를 통해 번역되었으며 문법 오류나 부정확한 설명을 포함할 수 있습니다. 이 목적은 콘텐츠가 사용자에게 유용하다는 것입니다. 정보가 도움이 되는지 알려주세요. 참조할 수 있는 영문 문서가 여기 있습니다.

Office 기술 확장
교육 살펴보기
새로운 기능 우선 가져오기
Office Insider 참여

이 정보가 유용한가요?

의견 주셔서 감사합니다!

피드백을 주셔서 감사합니다. Office 지원 에이전트와 연락하는 것이 도움이 될 것 같습니다.

×