Show Menu
화제×

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

소개

액세스 가능한 양식은 특별한 요구 사항을 가진 사용자를 비롯하여 모든 사람이 사용할 수 있는 양식입니다. AEM(Adobe Experience Manager)에는 다양한 기능을 갖춘 사용자를 위한 적응형 양식의 유용성을 향상시켜주는 다양한 기능과 기능이 포함되어 있습니다. 또한 이 솔루션은 양식 작성자가 액세스 가능한 적응형 양식을 만들 수 있도록 지원합니다.
액세서빌러티를 적응형 양식으로 구축하면 광범위한 사용자가 컨텐츠를 이용할 수 있을 뿐만 아니라 접근성 표준을 준수해야 하는 지리적 위치에 문서를 제공할 때에도 필요합니다. 양식 개발자는 AEM Forms를 사용하여 액세서빌러티 표준을 준수할 수 있습니다.
적응형 양식을 작성하는 동안 작성자는 액세스 가능한 적응형 양식을 만들려면 다음 사항을 고려해야 합니다.
  • 양식 컨트롤에 적합한 레이블 제공
  • 이미지에 상응하는 텍스트 제공
  • 충분한 색상 대비 제공
  • 양식 컨트롤이 키보드로 액세스할 수 있는지 확인

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

구성 요소의 레이블이나 제목은 양식 구성 요소가 나타내는 내용을 식별합니다. 예를 들어, 텍스트 "이름"은 텍스트 필드에 이름을 입력해야 한다고 사용자에게 알려줍니다. 화면 판독기에서 액세스할 수 있도록 레이블은 양식 구성 요소와 프로그래밍 방식으로 연결됩니다. 또는 양식 컨트롤은 추가 액세스 가능성 정보로 구성됩니다.
화면 판독기에서 인식하는 레이블이 시각적 캡션과 동일할 필요는 없습니다. 경우에 따라 컨트롤의 용도에 대해 더 구체적으로 설명하려고 할 수 있습니다. 양식의 각 필드 개체에 대해 액세서빌러티 옵션을 사용하여 화면 판독기에서 특정 양식 필드를 식별하기 위해 발표하는 내용을 지정할 수 있습니다.
액세서빌러티 옵션을 사용하려면 다음 단계를 따르십시오.
  1. 구성 요소를 선택하고 cmppr을 .
  2. 세로 **막대에서 #을 클릭하여 원하는 액세스 가능성 옵션을 선택합니다.

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

사용자 지정 텍스트 양식 작성자는 액세스 가능성 옵션 사용자 지정 텍스트 필드에 컨텐츠를 제공합니다. 화면 판독기와 같은 보조 기술은 이 사용자 정의 텍스트를 사용합니다. 대부분의 시나리오에서 제목 설정을 사용하는 것이 가장 좋습니다. 제목을 사용하거나 간단한 설명을 사용할 수 없는 경우에만 사용자 정의 화면 판독기 텍스트를 만드는 것이 좋습니다.
간단한 설명 대부분의 구성 요소의 경우 사용자가 구성 요소 위로 포인터를 가져갈 때 런타임에 짧은 설명이 표시됩니다. 도움말 컨텐츠 옵션 아래의 간단한 설명 필드에서 이 옵션을 설정할 수 있습니다.
제목 AEM Forms에서 양식 필드와 연결된 시각적 레이블을 화면 판독기 텍스트로 사용할 수 있도록 하려면 이 옵션을 사용합니다.
이름 바인딩 탭의 이름 필드에 값을 지정할 수 있습니다. 이름에는 공백을 사용할 수 없습니다.
없음을 선택하면 양식 개체에 게시된 양식의 이름이 없습니다. 양식 컨트롤에 대해 권장되는 설정은 아닙니다.
라디오 단추 및 확인란에는 사용자 지정 텍스트 및 제목이라는 두 가지 액세서빌러티 옵션만 사용할 수 있습니다.
XFA 기반 적응형 양식의 경우 액세서빌러티 옵션은 XDP에 설정된 액세서빌러티 옵션에서 상속됩니다. XDP의 도구 팁은 간단한 설명에 매핑되고 캡션은 제목에 매핑됩니다. 다른 옵션은 그대로 작동합니다.

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

이미지는 일부 사용자의 이해도를 향상시키는 데 도움이 됩니다. 그러나 화면 판독기를 사용하는 사용자의 경우 이미지는 양식의 액세서빌러티를 감소시킵니다. 이미지를 사용하려는 경우 모든 이미지에 대한 텍스트 설명을 제공합니다.
텍스트가 해당 개체와 그 용도를 폼에서 설명하도록 하십시오. 화면 판독기는 이미지가 발견되면 이 대체 텍스트를 읽습니다. 이미지에 항상 대체 텍스트가 지정되어 있어야 합니다.
이미지 구성 요소를 선택하고 cmppr을 . 세로 막대의 # 아래에서 이미지의 대체 텍스트를 지정합니다.

충분한 색상 대비 제공

액세서빌러티 디자인에는 색상 사용에 대한 추가 지침을 고려해야 합니다. 양식 작성자는 다양한 양식 구성 요소를 강조 표시하여 색상을 사용하여 양식의 모양을 향상시킬 수 있습니다. 하지만, 부적절한 색상 사용은 다른 능력을 가진 사람들이 읽는 것을 어렵거나 불가능하게 만들 수 있습니다.
시각 장애가 있는 사용자는 디지털 컨텐츠를 읽기 위해 텍스트와 배경 간의 대비가 높습니다. 충분한 대비를 하지 않으면 일부 사용자에 대해 읽을 수 없을 경우 양식을 읽기 어려울 수 있습니다.
기본 글꼴 및 배경색(흰색 배경의 검정 컨텐츠)을 사용하는 것이 좋습니다. 기본 색상을 변경하는 경우 밝은 배경색 또는 어두운 전경색을 선택합니다.
적응형 양식의 색상 대비 및 테마 변경에 대한 자세한 내용은 적응형 양식에 대한 사용자 정의 테마 만들기를 참조하십시오.

양식 컨트롤이 키보드로 액세스할 수 있는지 확인

액세스 가능한 양식은 키보드나 상응하는 입력 장치만 사용하여 완전히 채울 수 있습니다. 모빌리티를 줄이거나 시각 장애가 있는 사용자는 키보드를 사용할 수 밖에 없으며 마우스를 사용할 수 있는 많은 사용자가 키보드 입력을 선호할 수 있습니다. 다양한 입력 방법을 허용하면 액세스 가능한 양식을 만들 뿐만 아니라 모든 사용자의 기본 설정에 더 적합한 양식을 만들 수 있습니다.
다음 키보드 단축키는 AEM Forms에서 사용할 수 있습니다.
작업
키보드 단축키
커서를 양식에서 앞으로 이동
양식을 통해 커서를 뒤로 이동
Shift+Tab
다음 패널로 이동
Alt+오른쪽 화살표
이전 패널로 이동
Alt+왼쪽 화살표
채워진 데이터를 양식에서 재설정
Alt+R
양식 제출
Alt+S