장애가 있는 사용자가 Sway 디자인을 접근성 있게 만들기

이 항목에서는 장애가 있는 사용자가 액세스할 수 있는 Sway 콘텐츠를 만들기 위한 단계별 지침을 제공 합니다.

Sway 스토리 라인 보기

Sway 콘텐츠는 매우 시각적으로 사용 되며 접근성을 염두에 둘 때 Sway 를 만드는 경우 시각 장애인 또는 시력이 나쁜 사용자가 보다 쉽게 이해할 수 있습니다.

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

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

해결할 항목

해결 방법

해결 이유

해결 방법

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

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

또한 읽거나 배경을 구분 하는 데 어려움을 Sway 에서 텍스트 및 기타 요소를 찾을 수도 있습니다.

시력이 낮은 사용자도 콘텐츠를 보고 사용할 수 있도록 텍스트와 배경 사이에 강한 대비를 사용합니다. 흰색이나 황백색 배경에 어두운 텍스트를 사용하거나 반대로 어두운 배경에 흰색 텍스트를 사용합니다.

흑백 구성표를 사용하면 색맹인 사용자가 텍스트와 도형을 더 쉽게 구분할 수 있습니다.

접근성 높은 텍스트 색 사용

기본 제공 제목 사용

논리적 순서로 구성되지 않은 제목을 찾으려면 접근성 검사를 사용합니다.

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

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

Sway를 보지 않고 듣는 사용자가 콘텐츠 영역을 구분할 수 있도록 제목과 머리글을 고유하게 지정합니다.

기본 제공 제목 스타일 사용

기본 텍스트 스타일을 사용 합니다.

강조 된 (기울임꼴) 텍스트의 인스턴스를 찾으려면 문서를 시각적으로 스캔 합니다.

읽기 장애가 있는 사용자는 기울임꼴, 모든 대문자의 단어, 밑줄 등의 문제가 발생할 수 있습니다.

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

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

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

화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 여기를 클릭이라는 텍스트에 연결하는 대신 대상 페이지의 전체 제목을 포함합니다. Www.microsoft.com와 같이 짧고 설명이 필요한 경우 페이지의 URL을 사용할 수도 있습니다.

링크의 접근성 향상

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

이미지 및 비디오에 의미 있는 대체 텍스트가 있는지 확인 합니다.

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

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

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

대체 텍스트를 사용하여 이미지 및 비디오의 접근성 향상

선택 자막으로 오디오 및 비디오의 접근성 향상

접근성 높은 텍스트 색 사용

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

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

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

기본 제공 제목 스타일 사용

  1. Sway 에 제목을 삽입 하려면 내용 삽입 단추를 선택 하 고 텍스트 탭에서 제목 수준 중 하나를 선택 합니다.

  2. 기존 텍스트 카드를 제목 카드로 변경 하려는 경우 텍스트 카드를 선택 하 고 제목 단추를 선택 합니다.

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

제목 및 텍스트 카드에는 강조 기능을 사용 하지 마십시오. 읽기 장애가 있는 사용자를 위해 기울임꼴, 모두 대문자로 된 단어 및 밑줄을 사용하지 않는 것이 좋습니다.

링크의 접근성 향상

접근성 검사를 사용하여 Sway의 하이퍼링크를 검토하고 모든 사용자가 접근할 수 있도록 할 수 있습니다.

  1. 기타 옵션 메뉴(스토리라인을 편집할 때 Sway 도구 모음에 점 3개로 표시)에서 접근성 검사를 선택합니다.

  2. 접근성 검사 창에서 모든 > 하이퍼링크 텍스트검토 를 선택 합니다.

  3. 표시 텍스트 상자에서 링크된 텍스트가 적절하고 링크로 연결되는 콘텐츠를 설명하고 있으며, “여기를 클릭”이나 그 외 일반적인 문구가 아닌지 확인합니다.

  4. 검토할 링크가 더 있으면 다음 항목 단추를 선택 하 고 표시 텍스트를 계속 검토 합니다. 그렇지 않으면 완료를 선택 합니다.

대체 텍스트를 사용하여 이미지 및 비디오의 접근성 향상

화면 읽기 프로그램을 사용하는 사용자들이 이미지 및 비디오에 쉽게 액세스할 수 있게 하기 위해 스토리라인에서 대체 텍스트를 검토할 수 있습니다. Sway에서는 파일 이름을 기준으로 하여 이미지의 대체 텍스트를 만듭니다. 또는 웹에서 제공하는 사진과 같이 이미 대체 텍스트가 포함된 이미지를 사용하는 경우에는 Sway에서 해당 텍스트를 포함합니다.

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

이미지와 비디오의 대체 텍스트를 검토하려면:

  1. 기타 옵션 메뉴(스토리라인을 편집할 때 Sway 도구 모음에 점 3개로 표시)에서 접근성 검사를 선택합니다.

  2. 접근성 검사 창에서 모든 > 대체 텍스트검토 합니다 .를 선택 합니다.

  3. 대체 텍스트 상자에서 텍스트를 입력하거나 편집합니다.

    팁: 시각적 개체의 모양을 완전히 장식 하 고 중요 한 정보를 제공 하지 않는 경우에는 대체 텍스트를 작성할 필요 없이 해당 시각적 개체를 표시할 수 있습니다. 장식용으로 표시 해야 하는 시각적 개체의 예로는 배경 이미지가 있습니다. 화면 읽기 프로그램을 사용 하는 사용자는 이러한 시각적 개체를 장식 하 여 중요 한 정보가 없다는 것을 알 수 있습니다. 시각적 개체를 장식으로 표시 하려면 장식 이미지 확인란을 채웁니다.

  4. 이미지나 비디오가 더 있다면 다음 항목 단추를 선택하고 계속해서 대체 텍스트를 추가 및 검토합니다. 그렇지 않으면 완료를 선택 합니다.

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

선택 자막이 청각 및 학습 장애가 있는 사람들을 위해서만 오디오 및 비디오 콘텐츠의 접근성을 향상시키는 것은 아닙니다. 불편한 환경(예: 공항과 같은 시끄러운 환경 또는 도서관과 같은 조용한 환경)에서 오디오를 사용할 때에도 선택 자막이 사용됩니다.

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

이 계정 유형으로 업로드된 파일

이 위치에서 업로드된 파일에 선택 자막을 추가할 수 있습니다.

회사 또는 학교 계정으로 업로드된 오디오 파일

  • 컴퓨터

  • OneDrive

  • 비즈니스용 OneDrive

Microsoft 계정(개인용)으로 업로드된 오디오 파일

  • 컴퓨터

  • OneDrive

회사 또는 학교 계정으로 업로드된 비디오 파일

  • 사용자의 컴퓨터

  • 비즈니스용 OneDrive

Microsoft 계정(개인용)으로 업로드된 비디오 파일

현재 지원되지 않음

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

  1. Sway에 새 비디오 또는 오디오 카드 추가 - 컴퓨터에서 콘텐츠를 업로드 또는 녹음하거나 OneDrive 또는 비즈니스용 OneDrive에서 콘텐츠를 추가하여 새 카드를 추가할 수 있습니다.

  2. 세부 정보 단추를 선택하여 카드를 확장합니다.

  3. 확장된 카드의 아래에서 선택 자막 추가를 선택합니다.

  4. 파일 탐색기 (vtt 형식 및 최대 크기 인 1mb)에서 선택 자막 파일을 선택 합니다.

  5. 자막 언어를 선택 합니다.

참고 항목

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

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

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

장애가 있는 사용자가 Outlook 전자 메일에 액세스할 수 있도록 설정

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

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

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

추가 도움이 필요하신가요?

기술 향상
교육 살펴보기
새로운 기능 우선 가져오기
Microsoft Insider 참가

이 정보가 유용한가요?

번역 품질에 얼마나 만족하시나요?
사용 경험에 어떠한 영향을 주었나요?

소중한 의견에 감사드립니다.

×