레퍼런스 textOutput()

textOutput()

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

textOutput()은 일반적인 설명, 도형 목록, 도형 도표를 웹페이지에 추가합니다. 일반적인 설명은 캔버스 크기, 캔버스 색상, 그리고 도형의 수에 대한 정보를 담고 있습니다. 예를 들면, 프로그램의 출력은 100x100 픽셀의, 다음과 같은 2개의 도형을 포함하는 회색의 캔버스입니다.와 같은 형태입니다.

도형 목록은 일반적인 설명을 따릅니다. 이 목록은 각 도형의 색상, 위치 및 면적에 대한 정보를 담고 있습니다. 예를 들면, 가운데 있는 빨간 원이 캔버스의 3%를 차지하고 있습니다.와 같은 형태입니다.

textOutput()는 도형 도표를 목록(list) 형태로 사용합니다. 이 도표는 도형의 모양, 색상, 위치, 좌표 및 면적에 대한 정보를 담고 있습니다. 예를 들면, 빨간 원, 위치 = 가운데, 면적 = 3%와 같은 형태입니다. 이것은 도표를 격자(grid) 형태로 사용하는 gridOutput()와는 차이가 있습니다.

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

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

예제

구문

textOutput([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!

관련 레퍼런스