레퍼런스 gridOutput()

gridOutput()

스크린 리더가 읽을 수 있는 캔버스 위의 모양에 대한 설명을 생성합니다.

gridOutput()은 일반적인 설명, 도형 목록, 도형 도표를 웹페이지에 추가합니다. 일반적인 설명은 캔버스 크기, 캔버스 색상, 그리고 도형의 수에 대한 정보를 담고 있습니다. 예를 들면, 회색 캔버스, 100x100 픽셀, 2개의 도형을 포함: 원 1개, 정사각형 1개와 같은 형태입니다.

gridOutput()는 도형 도표를 격자(grid) 형태로 사용합니다. 격자에 있는 각 도형은 칸(cell)에 배치되는데, 칸의 행과 열은 캔버스 위 도형의 위치에 해당합니다. 이 격자 칸은 그 위치에 있는 도형의 색상과 도형의 종류에 대한 정보를 담고 있습니다. 예를 들면 빨간 원과 같은 형태입니다. 이것은 도표를 목록(list) 형태로 사용하는 textOutput()와는 차이가 있습니다.

이 도표 다음에는 도형 목록이 있습니다. 도형 목록은 각 도형의 색상, 종류, 위치 및 면적에 대한 정보를 담고 있습니다. 예를 들면 빨간 원, 위치 = 가운데, 면적 = 3%와 같습니다.

매개변수 display는 선택 사항이며, 어떻게 설명이 표시될지 결정합니다. 만약 gridOutput(LABEL)LABEL이 전달된다면, 이 설명은 캔버스 옆 div 요소에서 보일 것입니다. LABEL을 사용하면 스크린 리더에 도움이 되지 않는, 중복되는 설명이 생깁니다. 만약 gridOutput(FALLBACK)FALLBACK이 전달된다면, 이 설명은 스크린 리더에 의해서만 보여집니다. 이 상태가 기본 상태입니다.

스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, 접근 가능한 캔버스 설명 작성을 읽어보세요.

예제

구문

gridOutput([display])

매개변수

display
Constant:

LABEL 또는 FALLBACK

Notice any errors or typos? Please let us know. Please feel free to edit src/accessibility/outputs.js and open a pull request!

관련 레퍼런스