Show Menu
화제×

HTML5 양식으로 액세스 가능한 복잡한 표 만들기

HTML5 Forms의 기본 구현에서는 HTML DIV 요소를 사용하여 표를 렌더링합니다. 렌더링에는 액세스 가능성 요구 사항을 충족하기 위해 ARIA 역할을 사용하는 것이 포함됩니다.
데이터 테이블과 함께 사용되는 ARIA 역할을 완벽하게 지원하지 않는 화면 판독기의 액세스 가능성 문제를 방지하기 위해 HTML5 Forms에서는 표에 대한 대체 변환을 제공합니다. 이러한 표는 Designer에서 도입된 새로운 표 형식이며 다음을 지원합니다.
  • 행 머리글
  • 행 범위
HTML5 Forms에서 새 형식을 사용하려면 표를 복잡하게 표시합니다. 테이블을 복잡으로 표시하려면 다음과 같이 테이블 하위 폼의 XML 원본에 extras 태그를 추가하십시오.
</extras>
 <text name="complexTable">1</text>
 </extras>

complexTable으로 표시된 표는 기본 HTML 변환을 따르며 특정 화면 판독기에 대해 향상된 액세스 가능성 지원을 제공합니다. 행 범위를 만들려면 동일한 열에서 표의 연속적인 셀을 선택하고 선택 항목을 마우스 오른쪽 단추로 클릭한 다음 셀 병합을 클릭합니다 .
행 범위 만들기는 가장 왼쪽 셀에만 작동합니다.
행을 행 머리글로 표시하려면 행의 모든 셀을 선택하고 선택 항목을 마우스 오른쪽 단추로 클릭한 다음 머리글 표시를 클릭합니다 .
셀을 열 머리글로 표시하려면 열의 셀을 선택하고 선택 항목을 마우스 오른쪽 단추로 클릭한 다음 머리글 표시를 클릭합니다 .
새로운 AccessibleTable 형식의 제한 사항:
  • 표에서 행 범위를 사용하는 경우 확장 가능한 필드를 지원하지 않음
  • 중첩된 표(표 셀 내의 표)를 지원하지 않음
  • 행 범위 지원은 헤더 행 및 헤더 셀로 제한됩니다.
  • 지원은 일반 테이블로 제한됩니다.
  • 행 범위 > 1이 있는 표의 데이터 프리플라이트 지원 안 함