액세스 가능한 응용 양식 만들기

소개

액세스 가능한 양식은 특별한 요구 사항이 있는 사용자를 비롯하여 모든 사용자가 사용할 수 있는 양식입니다. Adobe Experience Manager(AEM)에는 다양한 기능을 가진 사용자를 위해 적응형 양식의 유용성을 향상시켜주는 다양한 기능이 포함되어 있습니다. 또한 이 솔루션은 양식 작성자가 액세스 가능한 적응형 양식을 만드는 데 도움이 됩니다.

접근성을 적응형 양식으로 구축하면 가능한 많은 사용자가 컨텐츠를 이용할 수 있을 뿐만 아니라 접근성 표준을 준수해야 하는 지리적 위치에 문서를 제공할 때 필요합니다. AEM Forms을 사용하면 개발자는 접근성 표준을 준수할 수 있습니다.

응용 양식을 작성하는 동안 작성자는 액세스 가능한 적응형 양식을 만들려면 다음 사항을 고려해야 합니다.

  • 양식 컨트롤에 적합한 레이블 제공
  • 이미지에 상응하는 텍스트 제공
  • 충분한 색상 대비 제공
  • 양식 컨트롤을 키보드로 액세스할 수 있는지 확인

양식 컨트롤에 적절한 레이블 제공

구성 요소의 레이블이나 제목은 양식 구성 요소가 나타내는 내용을 식별합니다. 예를 들어 텍스트 "이름"은 텍스트 필드에 이름을 입력해야 함을 사용자에게 알립니다. 화면 판독기에서 액세스할 수 있도록 레이블은 양식 구성 요소와 프로그래밍 방식으로 연결되어 있습니다. 또는 양식 컨트롤은 추가 액세스 가능성 정보로 구성됩니다.

화면 판독기에서 인식하는 레이블이 시각적 캡션과 같을 필요는 없습니다. 경우에 따라 컨트롤의 용도에 대해 더 구체적으로 지정할 수 있습니다. 양식의 각 필드 개체에 대해 액세스 가능성 옵션을 사용하여 화면 판독기가 특정 양식 필드를 식별하기 위해 발표하는 내용을 지정할 수 있습니다.

액세서빌러티 옵션을 사용하려면 다음 단계를 수행합니다.

  1. 구성 요소를 선택하고 cmppr을 누릅니다.
  2. 세로 막대에서 액세스 가능성​을 클릭하여 원하는 액세스 가능성 옵션을 선택합니다.

양식 구성 요소의 액세스 가능성 옵션

양식 구성 요소의 액세스 가능성 옵션

사용자 지정 TextForm 작성자는 액세스 가능성 옵션 사용자 지정 텍스트 필드에 컨텐츠를 제공합니다. 화면 판독기와 같은 보조 기술은 이 사용자 정의 텍스트를 사용합니다. 대부분의 시나리오에서 [제목] 설정을 사용하는 것이 가장 좋습니다. 제목 또는 짧은 설명을 사용할 수 없는 경우에만 사용자 지정 화면 Reader 텍스트를 만드는 것이 좋습니다.

짧은 설명대부분의 구성 요소의 경우 사용자가 구성 요소 위에 포인터를 놓으면 런타임에 짧은 설명이 표시됩니다. 도움말 내용 옵션 아래의 짧은 설명 필드에서 이 옵션을 설정할 수 있습니다.

제목 이 옵션을 사용하여 AEM Forms에서 양식 필드와 관련된 시각적 레이블을 화면 판독기 텍스트로 사용할 수 있습니다.

이름 바인딩 탭의 이름 필드에서 값을 지정할 수 있습니다. 이름에는 공백이 포함될 수 없습니다.

없음 을 선택하면 양식 개체에 게시된 양식의 이름이 없습니다. 없음은 양식 컨트롤에 대해 권장되는 설정이 아닙니다.

노트

라디오 단추 및 체크 상자에는 사용자 지정 텍스트 및 제목이라는 액세서빌러티 옵션이 2개만 있을 수 있습니다.

노트

XFA 기반 적응형 양식의 경우 액세서빌러티 옵션은 XDP에 설정된 액세서빌러티 옵션에서 상속됩니다. XDP의 도구 팁은 짧은 설명에 매핑되고 캡션은 제목에 매핑됩니다. 다른 옵션은 그대로 작동합니다.

이미지에 상응하는 텍스트 제공

이미지는 일부 사용자의 이해도를 향상시키는 데 도움이 됩니다. 그러나 화면 판독기를 사용하는 사용자의 경우 이미지는 양식의 액세스 가능성을 줄입니다. 이미지를 사용하도록 선택하는 경우 모든 이미지에 대한 텍스트 설명을 제공합니다.

텍스트가 해당 객체와 양식의 용도를 설명하는지 확인합니다. 화면 판독기는 이미지가 발견되면 이 대체 텍스트를 읽습니다. 이미지에는 항상 대체 텍스트가 지정되어 있어야 합니다.

이미지 구성 요소를 선택하고 cmppr을 누릅니다. 세로 막대의 [속성] 아래에서 이미지의 대체 텍스트를 지정합니다.

이미지의 대체 텍스트

충분한 색상 대비제공

접근성 설계에는 색상 사용에 대한 추가 지침을 고려해야 합니다. 양식 작성자는 다양한 양식 구성 요소를 강조 표시하여 색상을 사용하여 양식의 모양을 향상시킬 수 있습니다. 하지만, 부적절한 색상 사용은 다른 능력을 가진 사람들이 읽는 것을 어렵거나 불가능하게 만들 수 있습니다.

시각 장애가 있는 사용자는 디지털 컨텐츠를 읽기 위해 텍스트와 배경 간의 대비가 높습니다. 충분한 대비책이 없으면 일부 사용자가 읽을 수 있도록 양식을 읽기 어려울 수 있습니다.

기본 글꼴 및 배경색을 사용하는 것이 좋습니다. 흰색 배경의 내용은 검정 색상으로 표시됩니다. 기본 색상을 변경하는 경우 밝은 배경색에서 어두운 전경색을 선택하거나 그 반대로 선택합니다.

적응형 양식의 색상 대비 및 테마 변경에 대한 자세한 내용은 적응형 양식에 대한 사용자 정의 테마 만들기를 참조하십시오.

양식 컨트롤이 키보드 액세스 가능

액세스 가능한 양식은 키보드 또는 이와 동등한 입력 장치만 사용하여 완전히 입력할 수 있습니다. 모빌리티 또는 시각 장애가 있는 사용자는 키보드를 사용할 수 있고 마우스를 사용할 수 있는 많은 사용자가 키보드 입력을 선호할 수 있습니다. 다양한 입력 방법을 허용하면 액세스 가능한 양식을 만들 뿐만 아니라 모든 사용자의 기본 설정에 더 적합한 양식을 만들 수 있습니다.

AEM Forms에서 다음 키보드 단축키를 사용할 수 있습니다.

작업 키보드 단축키
커서를 양식에서 앞으로 이동
커서를 양식에서 뒤로 이동 Shift+Tab
다음 패널로 이동 Alt+오른쪽 화살표
이전 패널로 이동 Alt+왼쪽 화살표
채워진 데이터를 양식에서 재설정 Alt+R
양식 제출 Alt+S

이 페이지에서는