Skip to main content

액세스 가능한 언어 사용하기

학습 목표

이 유닛을 완료하면 다음을 수행할 수 있습니다.

  • 액세스 가능한 컨텐츠를 만들 수 있습니다.
  • 감각 및 방향을 나타내는 언어를 사용하는 것의 잠재적인 영향을 설명할 수 있습니다.

컨텐츠를 명확하고 간결하게 유지하기

모든 컨텐츠는 읽기 쉬워야 합니다. 즉, 불필요한 정보를 제외하고 필요한 내용을 충분히 전달할 수 있는 정보를 제공해야 한다는 것입니다. 다음은 메시지를 작성할 경우 염두에 두어야 할 몇 가지 모범 사례입니다.

간결하게 작성합니다

짧고 명료한 문장과 문단을 작성합니다. 복잡한 구두점과 불필요한 세부 정보가 있는 긴 문장을 피합니다.

전문 용어, 유행어, 관용구, 속어는 지양합니다 

특정 그룹, 직업 또는 언어에 일반적으로 사용되는 단어 또는 구문을 사용하면 이러한 전문 지식이나 경험이 없는 사용자가 이해하기 어렵습니다. (예: 연기 테스트, 바다 끓이기 및 무거운 리프팅 수행)

약어

처음 사용할 때 약어 및 약어 의미를 설명한 다음 약어를 괄호 안에 포함합니다. 예를 들어 웹 컨텐츠 접근성 가이드라인(WCAG) 등이 있습니다. 설명을 제공한 후에는 간단히 약어만을 사용할 수 있습니다.

용어를 정의합니다

독자가 모르는 용어에 대한 용어집을 제공하는 것을 고려합니다.

읽을 수 있고 이해할 수 있는 컨텐츠의 예로 Dreamforce 세션 설명을 살펴보겠습니다. 설명에는 불필요하고 산만한 컨텐츠 없이 모든 관련 정보가 포함됩니다. 명확하고 간결한 문구로 독자는 세션에 대한 내용을 파악하고 참석 여부를 결정할 수 있습니다. 다음의 예를 확인해보세요.

Fireside Chat: Arianna Huffington과 Marc Benioff

다시 돌아온 Dreamforce의 연사 Arianna Huffington과 함께합니다. 그녀는 TEDWomen 2010에서 오늘날의 여성들이 좋은 리더가 되려면 수면 부족을 해결해야 한다고 말했습니다. Huffington Post의 창립자, Thrive Global의 창립자이자 CEO이며 15권의 책의 저자인 Marc Benioff와 건강과 리더십에 대한 유머러스한 통찰을 나눌 예정입니다.

 

방향 및 감각을 나타내는 언어 지양하기

시각 장애인 사용자의 경험을 극대화하려면 사용자가 컨텐츠를 이해하기 위해 페이지의 레이아웃이나 디자인을 실제적으로 보아야 하는 용어를 지양해야 합니다. 여기에는 이해도를 높이기 위해 사용하는 색상, 크기, 모양 또는 위치를 나타내는 단어가 포함됩니다. 이러한 단어를 사용할 수는 있지만 해당 사용자는 이러한 유형의 언어만 사용하는 경우 이해할 수 없습니다. 

두 가지 아이콘을 설명한다고 가정해 보겠습니다.

오답: "활성 상태는 녹색 아이콘으로 표시되고 비활성 상태는 빨간색 아이콘으로 표시됩니다." 

이 예에서 설명은 빨간색 아이콘을 녹색 아이콘과 구별할 수 없는 색맹인 사용자를 위한 충분한 정보를 제공하지 않으며 스크린 리더 사용자가 활용할 수도 없습니다.

정답: "활성 상태는 녹색 더하기 기호 아이콘으로 표시되며 비활성 상태는 빨간색 X 아이콘으로 표시됩니다."

추가 설명 언어를 통해 색상별 정보를 보완하고 색맹인 사용자 및 스크린 리더를 사용하는 사용자는 필요한 의미를 획득할 수 있습니다.

모양 및 위치 설명은 접근성 문제를 초래할 수 있습니다. 다음과 같은 설명자는 지양합니다.

  • 둥근, 각진
  • 오른쪽
  • 왼쪽
  • 아래
  • 하단
  • 상단
  • 위쪽
  • 아래쪽
  • 모서리

잠재적으로 문제가 될 수 있는 단어를 사용하거나 기존 컨텐츠에서 이러한 단어를 발견하는 경우 해결 방안을 파악하는 데 도움이 될 수 있는 몇 가지 제안은 다음과 같습니다.

단어가 포함된 텍스트를 사용해야 하는지 스스로에게 물어보세요. 예: "속성 탭을 클릭하세요. 이 탭은 창 상단에 있습니다." 두 번째 문장은 시각 장애인에게 필요할까요? 그렇지 않다면 제거합니다.

가능하면 문장의 의미를 변경하지 않고 내용을 다시 입력합니다. 예를 들어, '우측의 섹션에 위치'는 '우측의 정보 섹션에 위치'로도 표기될 수 있습니다. 올바른 의미를 전달하기 위해 가장 간단한 언어를 사용하는 한 동의어가 도움이 될 수 있습니다. 다음은 감각 단어를 대체할 수 있는 일반적인 단어의 목록입니다(컨텍스트에 따라 다름).

  • 상단: 출발, 시작
  • 하단: 끝
  • 위: 이전 또는 종종 제거될 수 있음
  • 아래: 다음 또는 종종 제거될 수 있음
  • 오른쪽(위치): 제거하거나 UI 컨트롤 이름으로 바꿀 수 있음

사용자가 이 텍스트를 이해하기 위해 감각적인 정보에만 의존할 필요가 없을 경우 해당 단어를 유지할 수 있습니다. 사용하는 언어를 최대한 명확하고 간결한 언어를 사용하세요.

다음은 접근성 문제가 포함된 문장과 권장하는 수정 문장의 예입니다.

접근성 문제가 포함된 텍스트 예제

접근성 문제를 포함하는 예시 텍스트 권장 해결책

왼쪽 창에서 설치를 누르고 오른쪽 창에서 다음을 클릭합니다. 

왼쪽 및 오른쪽 창에 대한 참조를 제거합니다. 창에 제목이 있는 경우 왼쪽 또는 오른쪽이라는 단어 대신 제목을 사용할 수 있습니다.

다음 구문을 추가하여 프록시 서버가 위의 구문에 기술된 에이전트를 수정하지 않도록 합니다.

다음과 같이 '위' 단어가 포함된 문구 삭제합니다. 다음 구문을 추가하여 프록시 서버가 에이전트를 수정하지 않도록 합니다.


또는 다음과 같은 문장을 다시 작성합니다. 다음 구문을 추가하여 프록시 서버가 이전 단계의 구문에서 기술된 에이전트를 수정하지 않도록 합니다.

iPhone 또는 iPad를 사용하여 계정을 설정하는 경우 iOS 12 이상 버전이 실행되고 있는지 확인합니다.

이상나중으로 대체합니다. iPhone 또는 iPad를 사용하여 계정을 설정하는 경우 iOS 12 또는 그보다 나중에 나온 버전이 실행되고 있는지 확인합니다. 

서버를 구성하려면 아래 작업을 완료합니다.

다음과 같이 작성합니다. 서버를 구성하려면 다음 작업을 완료합니다.

포트 표 상단의 새로 만들기 버튼을 클릭합니다.

시각 장애인 및 저시력 학습자는 페이지에서 방향을 알 수 없으므로 공간을 참조하는 단어를 사용하는 경우 이해하기 어렵습니다. 


문구를 '포트 표 시작 부분'으로 변경합니다. 스크린 리더를 사용하는 시각 장애인 사용자는 표의 시작 부분을 찾을 수 있습니다.

다시 시작할 클러스터 옆의 확인란을 선택하고 중지를 클릭합니다.

첫째, 시각 장애인은 다른 항목 옆에 무엇이 있는지 알 수 없습니다. 둘째, 화면이 확대되거나 해상도가 낮거나 스타일 시트를 사용하지 않는 경우 화면에 표시되는 컨트롤이 사용자의 다른 위치에 있을 수 있습니다. 


이 경우 '다시 시작할 클러스터 확인란을 선택하고 중지를 클릭합니다.'로 다시 작성합니다. 또는 '해당 클러스터에 대한 확인란을 선택하고 중지를 클릭합니다.'라고 작성합니다.

상단 탐색 막대에서 이름을 선택한 다음 완료를 선택합니다.

다음과 같이 상단에서 사이트로 변경합니다. 사이트 탐색 막대에서 이름을 선택한 다음 완료를 선택합니다.

페이지 상단의 홈 링크를 클릭합니다.

링크 또는 링크 그룹과 같은 위치 측면에서 화면의 항목을 설명하는 경우 인접한 UI 항목의 이름을 찾습니다. 


또는 해당 링크의 특징을 설명하는 이름을 만들 수 있는지 확인해보세요. 이 예에서는 '주 메뉴에서 홈 링크를 클릭합니다.'와 같이 작성할 수 있습니다.

요약

컨텐츠에서 명확하고 간결한 언어를 사용하면 모든 사용자에게 이점이 있습니다. 특히 감각적이고 방향적인 표현을 자제하면 시각 장애가 있는 사용자가 문제를 피할 수 있습니다. 

색상 설명을 사용할 경우 시각 장애가 있는 사용자가 충분한 정보를 얻을 수 있도록 추가 정보를 제공해야 합니다. 이 정보가 모든 접근성 문제를 방지하는 것은 아니지만 이러한 기본 원칙을 준수함으로써 모든 사람이 컨텐츠에 더 쉽게 접근할 수 있도록 할 수 있습니다.

계속해서 무료로 학습하세요!
계속 진행하려면 계정을 가입하세요.
얻을 수 있는 이점
  • 커리어 목표에 대한 개인화된 권장 사항 제공받기
  • 실습 과제 및 퀴즈를 통해 스킬 연습
  • 진행 상황을 추적하고 고용주에게 공유
  • 멘토십과 커리어 기회에 연결