장애가 있는 사용자가 쉽게 액세스할 수 있는 Sway 디자인 만들기

적용 대상
Sway

이 항목에서는 장애가 있는 사용자를 포함하여 모든 사용자가 Sway에 액세스하고 콘텐츠를 잠금 해제하는 방법에 대한 단계별 지침을 제공합니다. 포용성을 염두에 두고 Sway를 만들면 모든 사용자가 Sway의 개념과 아이디어를 읽고 이해할 수 있습니다.

이 항목에서는 접근성 검사를 사용하여 장애가 있는 사용자가 Sway를 사용하기 어려울 수 있는 접근성 문제를 해결하는 방법을 알아봅니다. 또한 화면 읽기 프로그램을 사용하는 사용자가 이미지나 도형의 내용을 들을 수 있도록 이미지와 도형에 대체 텍스트를 추가하는 방법도 알아봅니다. 또한 다른 사용자와 공유하기 전에 서식 파일, 글꼴 및 색을 사용하여 Sway의 포괄성을 최대화하는 방법에 대해서도 읽을 수 있습니다. 

이 항목의 내용

접근성 높은 Sway를 만들기 위한 모범 사례

다음 표에는 장애가 있는 사용자가 액세스할 수 있는 Sway 콘텐츠를 만들기 위한 주요 모범 사례가 포함되어 있습니다.

해결할 항목 해결 이유 해결 방법
대체 텍스트 누락 및 낮은 대비 색과 같은 일반적인 접근성 문제를 피합니다. 모든 사용자가 쉽게 Sway를 이해하고 사용할 수 있도록 합니다. 접근성 검사를 사용하여 Sway 확인
텍스트와 배경색에 충분한 대비를 사용합니다. 시력이 낮거나 색각 이상이 있는 People은 콘텐츠를 보고 사용하기 위해 텍스트와 배경 사이에 강한 대비가 필요합니다. 접근성 높은 텍스트 및 글꼴, 서식 및 색상 사용
접근성 높은 Sway 스타일 사용
기본 제공 제목을 사용합니다. 올바른 탐색 순서를 유지하고 화면 읽기 프로그램이 Sway를 더 쉽게 읽을 수 있도록 하려면 논리적 제목 순서와 Sway의 기본 제공 제목 카드를 사용합니다. 기본 제공 제목 스타일 사용
익숙한 글꼴 서식을 사용합니다. 시력이 낮거나 읽기 장애가 있는 People은 세리프 글꼴과 기울임꼴과 같은 무거운 서식을 사용하는 텍스트를 읽는 데 어려움을 겪을 수 있습니다. 접근성 높은 텍스트 및 글꼴, 서식 및 색상 사용
접근성 높은 Sway 스타일 사용
의미 있는 하이퍼링크 텍스트를 추가합니다. 대상에 대한 명확하고 정확한 정보를 전달하는 링크 텍스트를 사용하면 화면 읽기 프로그램을 사용하는 사용자가 텍스트의 링크를 더 쉽게 스캔할 수 있습니다. 접근성 높은 하이퍼링크 만들기
모든 시각적 개체에 대체 텍스트를 포함합니다. 대체 텍스트를 사용하면 화면을 볼 수 없는 사용자가 이미지에서 중요한 요소 및 기타 시각적 개체를 이해할 수 있습니다.
오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있거나 청각이 제한된 사용자를 위해 자막을 포함하세요.
이미지 및 비디오에 대한 대체 텍스트 추가 또는 편집
선택 자막을 사용하여 오디오 및 비디오의 접근성 향상

맨 위로 이동 

접근성 검사를 사용하여 Sway 확인

접근성 검사는 콘텐츠를 검토하고 발생한 접근성 문제에 플래그를 지정하는 도구입니다. 각 문제가 장애가 있는 사용자에게 잠재적인 문제가 될 수 있는 이유를 설명합니다. 접근성 검사는 또한 문제를 resolve 방법을 제안합니다. 기본 제공 접근성 검사를 사용하면 Sway에 액세스할 수 있는지 쉽게 확인할 수 있습니다.

  1. Sway에서 (사용 가능한 더 많은 옵션 검색) >접근성 검사를 선택합니다 .Sway의 대체 텍스트 문제를 보여주는 접근성 검사 창입니다.
  2. 접근성 검사 창에서 모두 검토를 선택합니다. 첫 번째 문제가 표시됩니다.
  3. 문제를 해결한 후 선택하여 다음 문제로 이동합니다.
  4. 보고된 모든 문제를 해결했으면 완료를 선택합니다.

맨 위로 이동 

기본 제공 제목 스타일 사용

제목은 시각적 및 보조 기술 모두를 사용하여 검사하기 위한 것입니다. 이상적으로 제목은 카드나 섹션의 내용을 설명합니다. 기본 제공 제목 스타일을 사용하고 설명하는 제목 텍스트를 만들어 화면 읽기 프로그램 사용자가 메시지의 구조를 쉽게 결정하고 제목을 탐색할 수 있도록 합니다.

논리적인 순서대로 머리글을 구성합니다. 예를 들어 제목 1 을 사용한 다음 제목 2를 사용합니다. 또한 정보를 작은 청크로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.

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

    • 새 제목을 삽입하려면 Sway 스토리라인에서 콘텐츠 삽입 단추를 선택합니다. (콘텐츠 삽입). 텍스트 탭을 선택한 다음 사용 가능한 제목 수준 중 하나를 선택합니다.
    • 기존 텍스트 카드를 제목으로 바꾸려면 텍스트 안에 커서를 놓고 도구 모음에서 제목을 선택합니다.

맨 위로 이동 

접근성 높은 텍스트 및 글꼴, 서식 및 색상 사용

접근성 높은 텍스트 형식은 저시력이나 읽기 장애가 있는 사람 또는 시각 장애가 있는 사람을 포함하여 Sway를 읽는 모든 사람의 읽기 속도를 배제하거나 늦추지 않습니다. 올바른 글꼴 형식과 색을 사용하면 Sway 콘텐츠의 가독성과 가독성이 향상됩니다.

시각 장애가 있는 사람은 특정 색이 전달하는 의미를 놓칠 수 있습니다. 예를 들어 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가하여 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있도록 합니다. 제목의 경우 굵게 강조를 사용하는 것이 좋습니다.

제목 및 텍스트 카드에서 강조 부호 서식을 드물게 사용합니다. 읽기 장애가 있는 People은 과도한 기울임꼴, 모두 대문자로 된 단어 및 밑줄이 있는 텍스트를 읽는 데 어려움을 겪을 수 있습니다.

글꼴 서식 및 색을 변경하는 방법에 대한 지침은 접근성 높은 Sway 스타일 사용으로 이동하세요.

맨 위로 이동 

접근성 높은 Sway 스타일 사용

Sway에서 미리 디자인된 스타일과 디자인을 찾거나 스타일을 사용자 지정하여 배경색과 글꼴 형식 및 색이 모두를 포괄하도록 할 수 있습니다.

읽기 부하를 줄이려면 Arial과 같은 친숙한 산세리프 글꼴을 선택합니다. 모두 대문자 및 과도한 기울임꼴이나 밑줄을 사용하지 마세요.

Sway의 텍스트는 고대비 모드에서 읽을 수 있어야 합니다. 예를 들어 색 스펙트럼의 반대쪽 끝에 있는 고대비 색 구성표 또는 밝은색을 사용합니다. 흑백 구성표를 사용하면 색맹인 사용자도 텍스트와 도형을 더 쉽게 구분할 수 있습니다.

  1. 디자인>스타일을 선택합니다.

  2. 다음 중 하나를 실행합니다.

    • 원하는 스타일(예: 흑백 스타일)을 선택합니다.
    • 미리 디자인된 스타일을 필요에 맞게 수정하려면 [사용자 지정]을 선택합니다. 색상표에서 고대비 색상표(예: 검은색 배경과 흰색 텍스트)를 선택합니다. 예를 들어 글꼴 선택에서 Arial Nova를 선택합니다.

사용 가능한 스타일 목록을 표시하는 스타일 창과 Sway의 사용자 지정 단추

맨 위로 이동 

화면 읽기 프로그램을 사용하는 사용자가 콘텐츠의 하이퍼링크를 쉽게 스캔할 수 있도록 설명이 포함된 링크 텍스트를 사용합니다.

이상적으로는 하이퍼링크 텍스트가 대상 페이지에 대한 명확하고 정확한 정보를 전달해야 합니다. 대상 페이지의 제목이 페이지 콘텐츠를 요약하는 경우 전체 페이지 제목을 하이퍼링크 텍스트로 사용합니다. 예를 들어 다음 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다. Microsoft 서식 파일을 사용하여 더 많이 만드세요. "여기를 클릭", "이 페이지 보기", "여기로 이동" 또는 "자세한 정보"와 같은 링크 텍스트는 사용하지 마세요.

  1. 하이퍼링크로 전환하려는 텍스트를 선택합니다.
  2. 도구 모음에서 링크를 선택합니다.
  3. 링크 대화 상자에서 표시 텍스트 필드의 텍스트를 검토하고 필요한 경우 수정합니다.
  4. 웹 링크 텍스트 필드에 대상 페이지의 URL을 입력하거나 붙여넣은 다음 확인을 선택합니다.

맨 위로 이동 

이미지 및 비디오에 대한 대체 텍스트 추가 또는 편집

대체 텍스트는 화면 읽기 프로그램을 사용하는 사용자가 이미지와 비디오에서 중요한 내용을 이해하는 데 도움이 됩니다. 화면 읽기 프로그램은 대체 텍스트를 읽어 볼 수 없는 사용자에게 시각적 개체를 설명합니다.

대체 텍스트에서 이미지 또는 동영상에 표시되는 내용과 이미지 또는 동영상의 목적을 간략하게 설명합니다. 대체 텍스트를 작성하는 방법에 대한 자세한 내용은 효과적인 대체 텍스트를 작성하기 위해 알아야 할 모든 것을 참조하세요.

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

스토리라인에서 대체 텍스트를 검토할 수 있습니다. Sway는 파일 이름을 기반으로 이미지 또는 비디오에 대한 대체 텍스트를 만듭니다. 또는 웹의 자산과 같이 대체 텍스트가 이미 포함된 이미지 또는 비디오를 사용하는 경우 Sway는 해당 텍스트를 포함합니다. 누락된 대체 텍스트를 찾으려면 접근성 검사를 사용하세요.

  1. 이미지 카드 또는 비디오 카드에서 이미지 또는 비디오를 선택합니다.

  2. 세부 정보를 선택합니다.

  3. 대체 텍스트 카드에서 이미지 또는 비디오의 대체 텍스트를 입력하거나 편집합니다.

    팁

    시각적 개체가 순전히 장식적이고 시각적 흥미를 추가하지만 배경 이미지와 같이 정보를 제공하지 않는 경우 대체 텍스트를 작성할 필요 없이 표시하세요. 화면 읽기 프로그램을 사용하는 People은 이러한 시각적 개체가 장식적이라는 것을 듣고 중요한 정보를 누락하지 않았다는 것을 알게 됩니다. 시각 자료를 장식용으로 표시하려면 대체 텍스트 카드에서 장식용을 선택합니다.

대체 텍스트가 있는 대체 텍스트 텍스트 카드 Sway에서 컴퓨터 앞에 앉아 있는 세 사람.

맨 위로 이동 

선택 자막을 사용하여 오디오 및 비디오의 접근성 향상

자막을 사용하면 청각 및 학습 장애가 있는 사용자가 오디오 및 비디오 콘텐츠에 액세스할 수 있습니다. 오디오가 편리하지 않을 때(예: 공항과 같이 시끄러운 환경 또는 도서관와 같이 조용한 환경)에도 사용됩니다.

계정 유형 및 파일 업로드 방법에 따라 파일에 선택 자막을 추가할 수 있습니다.

이 계정 유형으로 업로드된 파일 이 위치에서 업로드된 파일에 선택 자막을 추가할 수 있습니다.
회사 또는 학교 계정으로 업로드된 오디오 파일
  • 사용자의 컴퓨터
  • OneDrive
  • 회사 또는 학교용 OneDrive
Microsoft 계정(개인용)으로 업로드된 오디오 파일
  • 사용자의 컴퓨터
  • OneDrive
회사 또는 학교 계정으로 업로드된 비디오 파일
  • 사용자의 컴퓨터
  • 회사 또는 학교용 OneDrive
Microsoft 계정(개인용)으로 업로드된 비디오 파일 현재는 지원되지 않음

맨 위로 이동

Sway의 오디오 또는 비디오 파일에 선택 자막 추가

  1. 컴퓨터에서 콘텐츠를 업로드하거나, 녹화하거나, OneDrive 또는 회사 또는 학교용 OneDrive의 콘텐츠를 추가하여 Sway에 새 비디오 또는 오디오 카드 추가합니다.
  2. 카드 확장하려면 세부 정보를 선택합니다.
  3. 확장된 카드 아래쪽에서 선택 캡션 추가를 선택합니다.
  4. 파일 탐색기에서 선택 캡션 파일(.vtt 형식, 최대 크기 1MB)을 선택한 다음, 열기를 선택합니다.
  5. 선택 캡션 언어를 선택합니다.

맨 위로 이동

몰입형 리더로 접근성 테스트

Sway가 준비되고 접근성 검사를 실행하여 콘텐츠가 포괄적인지 확인했으면 몰입형 리더로 Sway를 읽어 예를 들어 시각 장애가 있는 사람에게 어떻게 들리는지 검사해 보세요.

  1. Sway에서 디자인>(사용 가능한 더 많은 옵션 검색) 접근성 보기를 > 선택합니다.
  2. 접근성 보기에서 F9 키를 누르거나 Sway를 마우스 오른쪽 단추로 클릭한 다음 몰입형 리더에서 열기를 선택합니다.
  3. 몰입형 리더 보기에서 소리내어 읽기를 선택합니다. 텍스트가 어떻게 흐르는지, 몰입형 리더가 Sway에서 요소를 어떻게 알리는지 들어보세요. 접근성 문제를 발견하면 Sway를 공유하기 전에 해결해야 합니다.

맨 위로 이동 

참고 항목

Microsoft 365 앱의 콘텐츠 접근성 향상

장애가 있는 사용자가 액세스할 수 있도록 Word 문서 만들기

장애가 있는 사용자가 액세스할 수 있도록 Excel 문서 만들기

장애가 있는 사용자가 액세스할 수 있도록 PowerPoint 프레젠테이션 만들기

장애가 있는 사용자가 쉽게 액세스할 수 있는 Outlook 전자 메일 만들기

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

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

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