웹표준·접근성에 맞는 복잡한 표, 어떻게 만들까요?

Addictive 2026.04.10

복잡한 표라면 이미지로 만들고 대체 텍스트에 내용을 설명하는 방법도 있을 것 같아요.
웹 접근성 관련 자료도 참고해보세요.

총알탄 2026.04.10

마감 작업 중이라 여러 번 요청했지만 수정이 어렵다고 하네요 ㅠㅠ
여백까지 잘라서 구성하는 방법도 생각하고 있어요.

소미 2026.04.10

표를 몇 개로 나누면 이해하기 쉽고 표현하기도 편할 것 같아요.
표의 의미를 정리해서 기획이나 디자인 쪽에 수정을 요청해보면 좋겠습니다.

딥와인 2026.04.10

그렇게 해도 줄이 잘 맞지 않네요 -_-;;
계속 손봐야 할 것 같아요 ㅠㅠ

아놀드 2026.04.10

표를 그림처럼 예쁘게 맞추는 게 고민이었어요^^;;
셀을 나누고 id와 headers로 접근성을 맞췄는데 이미지가 위아래로 잘 정렬되지 않네요.
정렬과 여백도 조정하고 있는데 쉽지 않아요.

그대와나 2026.04.10

테이블로 구성하고 th와 scope를 적절히 쓰면 될 것 같아요.

주리 2026.04.10

세로로 쓰인 글씨는 읽기 쉽지 않네요 @_@;;

냐하 2026.04.10

셀을 병합해가며 맞추고 있는데 각 상자마다 정렬과 여백을 따로 줘도 이미지가 깔끔하게 맞지 않네요 ㅠㅠ
계속 손보느라 어렵습니다.

잔디 2026.04.10

급수마다 내용이 같다면 이미지를 나눠 붙이는 방법도 있겠어요.
내용이 자주 바뀐다면 디자인을 수정하는 편이 효율적일 것 같아요.

나오 2026.04.10

전문가는 아니지만 의견 남겨요.
표로 만들고 급수 구분선은 배경으로 처리해보세요.
세로 항목은 rowspan, 가로 항목은 colspan을 활용하고, 겹치는 셀은 headers로 연결하면 좋을 것 같습니다.