"figure"안에 임의의 요소를 래핑하여 HTML-as-image임을 나타낼 수 있습니까?

Question

div-soup와 CSS를 비 의미 론적 방법으로 사용하여 시각적 그림을 만드는 경우 콘텐츠가 비 의미 적이라는 것을 나타 내기 위해 <figure> 요소에 모두 포함하는 것이 합리적입니까?

추가 정보 : 막대 차트를 그리기 위해 인라인 스타일이 포함 된 중첩 된 DIV와 SPAN을 사용하고 있습니다. (나는 SVG가 이것을하기위한 더 좋은 방법이라는 것을 알고 있지만, SVG가 내 설계가 요구하는 방식으로 백분율 기반 치수에 반응하도록하는 것은 실현 가능하지 않다.) 또한, 나는 또한 차트의 스크린 리더 접근 가능한 텍스트 요약을 만들었다. . 그러나 스크린 리더가 비주얼 버전으로 올라가는 것을 원하지 않습니다.

Answer 1

나는 이것이 figure의 허용되는 사용이라고 말합니다.

도형 요소 즉, 임의로 캡션, 일부 유동 콘텐츠를 나타내는 급식 (전체 문장 등) 및 일반적으로 주요 흐름 같은 단일 유닛를 참조 문서

요소는, 따라서 ARIA 역할을 추가하는 등

_{Source 강조 광산}

그림, 다이어그램, 사진, 코드 샘플, 주석을 사용할 수 있습니다 img에서 figure으로 변경하면 마크 업을 더 향상시킬 수 있습니다.

IMG 그것이 개체 드로잉의 집합에 의해 형성되어 있는지의 여부 문서 내의 단일 그래픽 을 나타낸다.

_{Source 강조 광산}