이 항목에서는 SharePoint 사이트에 액세스할 수 있도록 하고 장애가 있는 사용자를 포함한 모든 사용자에게 콘텐츠를 잠금 해제하기 위한 단계별 지침과 모범 사례를 제공합니다.
SharePoint 다양한 기능을 사용하여 사이트에 기여하는 데 도움이 되는 많은 기능이 기본 제공됩니다. 이 항목에서는 예를 들어 시력이 낮은 사용자가 콘텐츠를 더 쉽게 읽을 수 있도록 사이트에 액세스할 수 있는 모양을 선택하는 방법을 알아봅니다. 또한 화면 읽기 프로그램을 사용하는 사용자가 이미지의 모든 내용을 들을 수 있도록 이미지에 대체 텍스트를 추가하는 방법도 알아봅니다. 글꼴, 색 및 테마를 사용하여 사이트를 게시하기 전에 사이트의 포용성을 최대화하는 방법에 대해서도 읽을 수 있습니다.
이 문서는 공동 작업 또는 문서 라이브러리 구성과 같은 작업에 SharePoint를 사용하는 사용자를 위한 것입니다. 관리자 가이드는 아니며, 특별한 기술이 필요하지 않습니다.
이제 팀에 SharePoint 2016이 있습니다. 사이트를 만들려는 경우 장애가 있는 사용자를 포함하여 모든 사용자가 사이트를 사용할 수 있기를 바랍니다.
편리한 방법이 있습니다. SharePoint 2016을 사용하면 적절한 색상 대비를 적용하고 대체 텍스트를 추가하는 등 접근성 확인 목록에 포함된 다양한 작업을 간편하게 수행할 수 있습니다. 또한 SharePoint는 별도의 설정 없이 사용자가 마우스 없이도 사이트를 사용할 수 있도록 하기 위해 철저한 테스트를 거칩니다. 모든 SharePoint 페이지를 돌아다니며 키보드만 사용하여 모든 단추나 명령을 사용할 수 있습니다.
이 문서는 공동 작업 또는 문서 라이브러리 같은 일반적인 작업에 SharePoint를 사용하는 사람들을 위해 작성되었습니다. 사용자에게 컴퓨터에 대한 일상적인 지식 외에 특별한 기술이 있다고 가정하지 않습니다.
접근성 있는 SharePoint 사이트를 만들고 싶으세요? 지금부터 시작해 보겠습니다.
실행할 작업
첫 번째 단계 - 새 사이트 만들기
사이트를 만들려면 다음 단계를 따릅니다.
-
페이지 위쪽의 탐색 모음에서 사이트를 클릭합니다.
-
사이트 페이지에서 새 사이트를 클릭합니다.
-
새 사이트 시작 대화 상자에서 사이트 이름을 입력한 다음 만들기를 클릭합니다.
팁:
-
사이트를 처음 클릭하면 개인 사이트를 설정하는 동안에 일부 사이트 설정 화면 및 지침을 볼 수 있습니다. 다음 단계로 넘어가기 전에 잠시 기다렸다가 사이트를 다시 클릭해야 할 수도 있습니다.
-
사이트가 설정되는 방식에 따라 사이트를 관리할 수 있는 또 다른 사용자를 지명하고 콘텐츠에 필요한 보안성을 지정해야 할 수 있습니다.
-
사이트는 관리자가 미리 정의한 위치에서 만들어지며, 팔로우하고 있는 사이트에 나타납니다. 사이트는 다른 사이트의 사용 권한 또는 탐색 설정을 상속하지 않습니다. 사이트를 만든 후에는 문서 및 이미지를 추가하고, 다른 사람과 사이트를 공유하고, 모양을 변경하고, 모든 내용을 접근성 있게 만들 수 있습니다.
제목, 설명, 로고로 사이트에 브랜드를 구성
SharePoint 사이트를 만들 때 첫 단계 중 하나는 사이트에 제목, 설명, 로고를 지정하는 것입니다. 로고에 사용하는 이미지에 대해 대체 텍스트를 추가하므로 이는 접근성 개선을 위한 첫 번째 단계입니다. 대체 텍스트는 웹 사이트를 접근성 있게 만들기 위해 추가할 수 있는 가장 중요한 요소 중 하나입니다. 화면 판독기와 같은 보조 기술은 화면을 볼 수 없는 사람들을 위해 대체 텍스트를 큰소리로 읽습니다.
로고 이미지를 접근성 있게 만들려면 이에 대한 설명을 쓰면 됩니다. SharePoint에서는 설명을 사용하여 HTML로 사용자를 위한 대체 텍스트를 만듭니다.
-
설정
-
모양과 느낌에서 제목, 설명 및 로고 링크를 선택합니다.
-
제목과 설명을 입력합니다.
-
로고 이미지 파일의 위치를 입력한 다음 설명을 만듭니다.
-
확인을 클릭합니다.
사이트 홈 페이지로 돌아가면 결과가 나타납니다.
접근성 있는 테마로 사이트를 보기 좋게 만들기
접근성 개선을 위한 다음 단계는 색과 대비에 관한 내용입니다. 색과 대비는 접근성에 중요한 요소입니다. 시력 감퇴를 겪고 있는 사람들처럼 시각 장애가 있는 사용자들은 화면에 표시된 내용을 보기 위해 대비를 어느 정도 필요로 합니다. 또한 색맹의 경우 특정 색을 구분할 수 없기 때문에 색을 선택할 때 주의해야 합니다. 예를 들어 적녹 색맹은 빨강과 녹색을 같은 색으로 봅니다.
이 단계를 쉽게 진행하기 위해 SharePoint에는 바로 사용할 수 있는 테마 모음이 제공됩니다. 이전에 테마를 사용해 본 적이 없는 경우를 위해 설명하자면, 테마란 색 선택, 페이지 레이아웃, 글꼴 등의 모음입니다.
기본 제공되는 접근성 있는 테마 사용
-
새로 만든 사이트에서 스타일이란? 타일을 클릭합니다.
-
디자인 변경 페이지에서 사용 가능한 서식 파일을 살펴봅니다.
-
색과 대비를 위해 완전하게 액세스 가능하고 테스트를 거친 테마를 선택하려면 Office 테마를 선택합니다.Office 테마를 선택하는 경우 색을 테스트할 필요가 없습니다. 다른 테마를 사용하려면 다음 섹션 나만의 색 조합 사용자 지정을 참고하여 접근성 있는 색 조합을 만드는 방법에 대한 정보를 찾아보세요.
-
선택한 테마가 다음 페이지에 표시됩니다. 자세히 보려면 적용해 보기를 클릭합니다. 또는 다른 테마를 선택하려면 다시 시작을 클릭합니다.
나만의 색 조합 사용자 지정
다른 테마를 사용하려는 경우에는 접근성 있는 다른 색 조합을 선택할 수 없습니다. 테스트를 통해 접근성이 있는지 확인해야 하는데, 편리하게 테스트 도구를 사용하면 됩니다.
테마를 선택한 후에 색을 사용자 지정하려면 테마가 표시된 페이지에서 색 메뉴를 찾아봅니다.
-
색 상자에서 아래쪽 화살표를 클릭하여 기본 제공 옵션을 확인합니다
-
선택한 색으로 이미지를 보려면 하나를 선택한 다음 적용해 보기를 클릭합니다.
-
마음에 들면 예, 이대로 적용을 클릭합니다. 변경하려면 아니요, 다시 시도를 클릭하여 돌아갑니다.
선택한 항목의 접근성 검사
선택한 항목이 접근성 있는지 확인하려면 검사를 실행해야 합니다. 대비를 확인하기 위해 신뢰할 수 있는 웹 사이트에서 무료 도구 중 하나를 사용할 수 있습니다. 다음과 같은 옵션을 사용할 수 있습니다.
-
Paciello Group의 Color Contrast Analyzer
-
WebAIM Color Contrast Checker
다음 단계
접근성에 관한 더 많은 리소스를 찾으려면 준비 - 접근성 있는 SharePoint 사이트 만들기를 방문하세요.
새 사이트를 추가하는 방법에 대한 자세한 내용은 사이트에 접근성 높은 콘텐츠 및 이미지 추가를 방문하세요.
이 항목의 내용
액세스 가능한 사이트 Create
SharePoint Microsoft 365 최신 환경을 사용하면 누구나 사용할 수 있는 사이트를 쉽게 만들고, 빌드하고, 사용자 지정할 수 있습니다. SharePoint 미리 채워진 페이지, 페이지 서식 파일, 뉴스 게시물 템플릿 및 대상 그룹의 요구에 맞게 사용자 지정할 수 있는 웹 파트가 포함된 사이트 서식 파일을 제공합니다.
새 사이트를 만들거나 새 페이지를 추가할 때 흰색 배경의 검은색 텍스트와 같이 색 대비가 강한 템플릿을 선택하거나 그 반대의 경우도 마찬가지입니다. 올바른 색과 대비는 시력이 낮은 사람들이 페이지의 콘텐츠를 더 쉽게 읽을 수 있도록 도와줄 수 있습니다. 새 페이지의 경우 빈 옵션을 선택하여 미리 지정된 서식 없이 페이지를 처음부터 만든 다음 원하는 스타일 요소를 추가할 수도 있습니다.
사이트를 만드는 방법에 대한 단계별 지침은 SharePoint에서 사이트 Create. 페이지를 만드는 방법을 알아보려면 Create 이동하여 SharePoint 사이트에서 최신 페이지를 사용합니다.
사이트 서식 파일을 만든 후에도 사이트 서식 파일을 변경하고 사이트의 모양을 사용자 지정할 수 있습니다. 자세한 내용은 SharePoint 사이트 서식 파일 적용 및 사용자 지정 및 SharePoint 사이트 사용자 지정으로 이동합니다.
참고: 설정 메뉴에서 모양 변경이 표시되지 않으면 이 설정을 변경할 수 있는 권한이 없을 수 있습니다. 자세한 내용은 사용 권한 수준 이해 또는 관리자에게 문의를 참조하세요.
접근성 있는 섹션으로 콘텐츠 구성
구성되고 액세스 가능한 페이지 레이아웃을 만들려면 전체 너비의 단일 열이 있는 섹션을 사용하는 것이 좋습니다. 예를 들어 단순히 구조화된 섹션은 콘텐츠가 여러 개의 병렬 열로 분할된 섹션보다 보조 기술로 탐색하는 것이 더 쉽습니다. 장애가 있는 사용자와 신경가방인 사람들에게 방해가 될 수 있으므로 다양한 수의 열이 있는 여러 섹션을 쌓지 않도록 합니다.
섹션을 추가하는 방법에 대한 단계별 지침은 SharePoint 최신 페이지에서 섹션 및 열 추가로 이동합니다.
구역 배경색 변경
섹션에서 접근성 있는 배경색을 사용해야 합니다.
-
섹션에서
-
구역 배경 음영 아래에서 텍스트와 배경색 사이에 가장 강력한 대비가 있는 옵션을 선택합니다.
웹 파트에서 기본 제공 제목 스타일 사용
제목은 시각적으로나 보조 기술로 스캔해야 합니다. 이상적으로 제목은 섹션, 웹 파트 또는 페이지의 내용을 설명합니다. 기본 제공 제목 스타일을 사용하고 설명이 포함된 제목 텍스트를 만들어 화면 읽기 프로그램 사용자가 섹션, 웹 파트 또는 페이지의 구조를 보다 쉽게 확인하고 제목을 탐색할 수 있도록 합니다.
논리적인 순서대로 머리글을 구성합니다. 예를 들어 제목 3, 제목 1, 제목 2 대신 제목 1, 제목 2, 제목 3을 사용합니다. 웹 파트의 정보를 작은 청크로 구성합니다. 제목마다 2~3개의 단락만 있는 것이 가장 좋습니다.
머리글 작업 방법에 대한 단계별 지침은 SharePoint Online 사이트에 액세스 가능한 콘텐츠 및 링크 추가로 이동합니다.
테이블 사용 방지
일반적으로 가능하면 테이블을 피하고 제목이 있는 단락과 같은 다른 방식으로 데이터를 표시합니다. 고정 너비의 테이블은 돋보기를 사용하는 사용자에게 읽기 어려울 수 있습니다. 이러한 테이블은 콘텐츠를 특정 크기로 강제 적용하기 때문입니다. 이렇게 하면 글꼴이 매우 작아서 특히 모바일 디바이스에서 돋보기 사용자가 가로로 스크롤하도록 합니다.
테이블을 사용해야 하는 경우 다음 지침을 사용하여 테이블에 가능한 한 액세스할 수 있는지 확인합니다.
-
고정 너비 테이블을 사용하지 마세요.
-
테이블이 휴대폰 및 태블릿을 포함한 모든 디바이스에서 제대로 렌더링되는지 확인합니다.
-
테이블에 하이퍼링크가 있는 경우 링크 텍스트를 편집하여 이해가 되며 중간 문장을 중단하지 않습니다.
-
테이블 및 페이지 콘텐츠를 돋보기로 쉽게 읽을 수 있는지 확인합니다. 예를 들어 휴대폰에서 페이지를 가로로 스크롤할 필요가 없도록 모바일 장치에서 볼 수 있습니다.
표 머리글 사용
화면 읽기 프로그램은 표 셀을 계산하여 표에서의 위치를 추적합니다. 표가 다른 표 안에 중첩되어 있거나 셀이 병합되거나 분할된 경우 화면 읽기 프로그램에서 계산된 셀 수가 손실되어 해당 시점 이후 표에 대한 유용한 정보를 제공할 수 없습니다.
또한 표에 빈 셀이 있으면 화면 읽기 프로그램을 사용하는 사용자가 표에 다른 내용이 없는 것으로 오인할 수 있습니다. 데이터에만 간단한 테이블 구조를 사용하고 열 머리글 정보를 지정합니다. 화면 읽기 프로그램에서 행과 열을 식별하는 데 머리글 정보를 사용할 수도 있습니다.
-
표의 아무 곳에나 커서를 놓습니다.
-
웹 파트 도구 모음에서
-
표 스타일에서 머리글 행과 강력한 색 대비가 있는 스타일(예: 머리글 또는 테마 색 머리글)을 선택합니다.
-
머리글 텍스트를 입력합니다.
접근성 있는 목록으로 콘텐츠 구성
화면 읽기 프로그램이 섹션, 웹 파트 또는 페이지의 콘텐츠를 더 쉽게 읽을 수 있도록 글머리 기호 또는 번호 매기기 목록과 같은 작은 청크로 정보를 구성합니다.
-
웹 파트 도구 모음에서
-
목록 항목 텍스트를 입력합니다.
-
다른 목록 항목을 추가하려면 Enter 키를 누른 다음 목록 항목 텍스트를 입력합니다.
팁: 예를 들어 추적을 위해 더 고급적이고 복잡하며 사용자 지정 가능한 목록을 만들려면 Microsoft Lists 앱을 사용하고 목록을SharePoint 사이트에 연결할 수 있습니다. 자세한 내용은 목록 Create.
이미지에 대체 텍스트 추가
대체 텍스트는 화면을 볼 수 없는 사용자가 이미지, 도형, SmartArt 그래픽, 차트 및 기타 시각적 개체에서 중요한 사항을 이해하는 데 도움이 됩니다. 대체 텍스트에서 이미지, 의도 및 이미지에 대한 중요한 사항을 간략하게 설명합니다. 화면 읽기 프로그램은 콘텐츠를 볼 수 없는 사용자에게 설명을 읽습니다.
팁: 좋은 대체 텍스트를 작성하려면, 콘텐츠 및 이미지의 목적을 간결하고 명확한 방식으로 전달해야 합니다. 대체 텍스트는 짧은 한 두 문장보다 길어서는 안 되며, 신중하게 선택한 단어 몇 개로 이루어져야 합니다. 주변 텍스트 내용을 대체 텍스트로 반복하거나 “그래픽” 또는 “이미지”처럼 이미지를 언급하는 문구를 사용하지 마세요. 대체 텍스트를 작성하는 방법에 대한 자세한 내용은 효과적인 대체 텍스트를 작성하기 위해 알아야 할 모든 사항으로 이동하세요.
이미지의 텍스트만 사용하여 중요한 정보를 전달하지 않도록 합니다. 텍스트가 포함된 이미지를 사용해야 하는 경우 웹 파트에서 해당 텍스트를 반복합니다.
예를 들어 이미지의 배경 이미지가 순전히 장식적이면 대체 텍스트에 멘션.
오디오 및 비디오 콘텐츠의 경우 대체 텍스트 외에도 청각 장애가 있는 사용자를 위한 선택 자막을 포함합니다.
시각적 개체와 미디어가 포함되도록 하는 방법에 대한 자세한 내용은 SharePoint Online 사이트에 액세스 가능한 사진 및 미디어 추가를 참조하세요.
제목 영역의 배경 이미지에 대체 텍스트 추가
제목 영역 웹 파트에서 배경 이미지를 사용하는 경우 대체 텍스트를 추가해야 합니다.
-
제목 영역 웹 파트에서
-
대체 텍스트 필드에 배경 이미지의 대체 텍스트를 입력합니다.
제목 영역이 아닌 웹 파트의 이미지에 대체 텍스트 추가
-
이미지를 선택한 다음
-
대체 텍스트 필드에 이미지의 대체 텍스트를 입력합니다.
액세스 가능한 하이퍼링크 텍스트 Create
화면 읽기 프로그램을 사용하는 사용자는 가끔 링크 목록을 검색합니다. 링크는 대상에 대해 명확하고 정확한 정보를 전달해야 합니다. 예를 들어 "여기를 클릭하세요", "이 페이지 보기", 여기로 이동" 또는 "자세히 알아보기"와 같은 링크 텍스트를 사용하지 마세요. 대신 대상 페이지의 전체 제목을 포함합니다.
팁: 하이퍼링크 대상 페이지의 제목이 페이지의 내용을 정확하게 요약하고 있는 경우 해당 제목을 하이퍼링크 텍스트에 사용합니다. 예를 들어 이 하이퍼링크 텍스트는 대상 페이지의 제목과 일치합니다. Microsoft 템플릿에서 더 Create.
하이퍼링크를 만드는 방법에 대한 단계별 지침은 SharePoint Online 사이트에 액세스 가능한 콘텐츠 및 링크 추가로 이동합니다.
접근성 있는 글꼴 형식 및 색 사용
접근성 있는 글꼴은 시력이 낮거나 읽기 장애가 있는 사용자를 포함하여 사이트에서 텍스트를 읽는 사람의 읽기 속도를 배제하거나 늦추지 않습니다. 오른쪽 글꼴은 페이지에 있는 텍스트의 가독성과 가독성을 향상시킵니다.
읽기 부하를 줄이려면 Arial 또는 Calibri와 같은 친숙한 sans serif 글꼴을 선택합니다. 모두 대문자 및 과도한 기울임꼴이나 밑줄을 사용하지 마세요.
시각 장애가 있는 사람은 특정 색으로 전달되는 의미를 놓칠 수 있습니다. 예를 들어 색상으로 구분된 하이퍼링크 텍스트에 밑줄을 추가하여 색맹인 사용자가 색을 볼 수 없는 경우에도 텍스트가 연결되어 있음을 알 수 있도록 합니다. 제목의 경우 굵게 서식을 추가하거나 더 큰 글꼴을 사용하는 것이 좋습니다.
사이트의 텍스트를 고대비 모드에서 읽을 수 있어야 합니다. 예를 들어 색 스펙트럼의 반대쪽 끝에 있는 고대비 색 구성표 또는 밝은색을 사용합니다. 흑백 구성표를 사용하면 색맹인 사용자가 텍스트와 도형을 더 쉽게 구분할 수 있습니다.
글꼴 및 텍스트를 사용하는 방법에 대한 지침은 SharePoint Online 사이트에 액세스할 수 있는 콘텐츠 및 링크 추가 및 SharePoint공간에 텍스트 추가를 참조하세요.
화면 읽기 프로그램을 사용하여 접근성 테스트
사이트 또는 페이지를 게시할 준비가 되면 화면 읽기 프로그램(예: 내레이터)을 사용하여 콘텐츠를 탐색해 볼 수 있습니다. 내레이터는 Windows 함께 제공되므로 아무것도 설치할 필요가 없습니다. 예를 들어 탐색 또는 대체 텍스트에서 문제를 발견할 수 있는 한 가지 추가 방법입니다.
-
화면 읽기 프로그램을 시작합니다. 예를 들어 내레이터를 시작하려면 Ctrl+Windows 로고 키+Enter를 누릅니다.
-
포커스가 파란색 사각형이 명령 모음에 표시될 때까지 Ctrl+F6을 누릅니다.
-
Tab 키를 한 번 누른 다음 아래쪽 화살표 키를 눌러 페이지에서 아래로 이동합니다. 발생하는 접근성 문제를 해결합니다.
-
화면 읽기 프로그램을 종료합니다. 예를 들어 내레이터를 종료하려면 Ctrl+Windows 로고 키+Enter를 누릅니다.
참고 항목
SharePoint Online에서 접근성 높은 사이트를 만들기 위한 리소스
장애가 있는 사용자가 쉽게 액세스할 수 있는 Outlook 전자 메일 만들기
장애가 있는 사용자가 액세스할 수 있도록 PowerPoint 프레젠테이션 만들기
장애가 있는 사용자가 액세스할 수 있도록 Word 문서 만들기
장애가 있는 사용자가 액세스할 수 있도록 Excel 문서 만들기
장애가 있는 사용자가 쉽게 액세스할 수 있는 OneNote 전자 필기장 만들기
장애가 있는 고객에 대한 기술 지원
Microsoft는 모든 고객에게 최상의 경험을 제공하고자 노력합니다. 신체가 불편하거나 접근성과 관련하여 질문이 있으면 Microsoft Disability Answer Desk에 문의하여 기술 지원을 요청하세요. Disability Answer Desk 지원 팀은 널리 사용되고 있는 다양한 지원 기술에 능숙하며 영국 수화, 스페인 수화, 프랑스 수화, 미국 수화를 통해 지원할 수 있습니다. Microsoft Disability Answer Desk 사이트를 방문하여 거주 지역의 연락처 세부 정보를 확인하세요.
정부 기관, 상용 또는 엔터프라이즈 사용자인 경우에 enterprise Disability Answer Desk로 문의하세요.
