강의 운영
강의 자료 표, 굵은 글씨만으로 충분할까요? — 머리글과 제목 점검
강의 웹 자료의 표는 글씨를 굵게 만드는 것만으로 구조가 전달되지 않습니다. 제목·머리글·데이터의 관계와 작은 화면에서 확인할 항목을 정리했습니다.
강의 자료의 표는 굵은 글씨와 배경색만으로 머리글을 표시하지 말고, 데이터가 어떤 행·열 제목에 속하는지 구조로 연결해야 합니다. 온라인 강의 웹페이지의 일정표나 개념 비교표를 편집할 때 제목, 머리글, 값의 관계부터 확인하세요. 이 글은 HTML 데이터 표를 다루며 PDF나 강의 영상 전체의 접근성을 판정하는 안내는 아닙니다.
굵은 글씨와 표 머리글은 어떻게 다른가요?
굵기는 시각적 표현이고, 머리글은 값의 의미를 알려 주는 구조입니다. W3C의 단순 표 안내는 머리글 셀을 일반 데이터 셀과 구분하고, 방향이 모호한 경우에는 연결 범위를 명시하는 방법을 설명합니다. 글씨가 굵게 보여도 편집 도구가 일반 셀로 저장하면 그 관계가 충분히 전달되지 않을 수 있습니다.
운영자가 모든 코드를 직접 작성할 필요는 없습니다. 다만 사용하는 웹 편집기에 머리글 행·열을 지정하는 기능이 있는지, 저장한 뒤에도 그 구조가 유지되는지 확인할 필요가 있습니다. 기술 담당자와 점검할 때에는 HTML의 머리글 셀인 th와 필요한 경우 scope 같은 연결 정보를 확인해 달라고 전달할 수 있습니다.
아래는 편집팀의 자료 구성 예시입니다. 실제 강좌 일정이나 제품 화면은 아닙니다.
| 점검 위치 | 모호한 구성 | 개선 방향 |
|---|---|---|
| 표 제목 | ‘안내’만 표시 | ‘복습 자료와 제출 방식’처럼 내용 식별 |
| 열 머리글 | 첫 줄을 굵게만 표시 | 머리글 행으로 지정하고 의미 확인 |
| 데이터 셀 | 같은 칸에 파일명·기한·방법 혼합 | 다른 종류의 정보는 별도 열로 구분 |
| 설명 문장 | ‘위 표 참고’만 작성 | 표를 읽는 데 필요한 조건을 가까이 설명 |
이 글의 일반 비교표와 달리 여러 머리글이 겹친 복잡한 표에는 추가 구조가 필요합니다. 단순 표의 설정을 복사해 모든 표가 해결됐다고 판단하지 마세요.
표 제목과 설명에는 무엇을 적나요?
제목은 어떤 표인지 식별하게 하고, 설명은 읽는 데 필요한 관계나 조건을 알려 주면 좋습니다. W3C의 표 제목 안내는 표의 caption이 이용자가 표를 찾고 내용을 파악하는 데 도움이 된다고 설명합니다. 단순히 ‘표’라고 붙이거나 본문의 긴 문장을 통째로 복사하기보다 다른 표와 구별되는 이름을 정해 보세요.
예를 들어 ‘주차별 복습 자료’라는 제목을 붙였다면 각 열에는 주차, 자료명, 이용 방법처럼 역할이 구분되는 이름을 둘 수 있습니다. 자료를 여는 링크는 목적을 알 수 있게 작성하고 강의 자료 다운로드 안내와 함께 확인하세요. 빈 셀도 아직 미정인지 해당 없음인지 문맥상 분명한지 살펴보는 편이 좋습니다.
표의 값을 사진으로만 제공했다면 이 글에서 다루는 머리글 구조를 그대로 적용할 수 없습니다. 그래프나 표 이미지의 정보를 전달할 때에는 이미지 텍스트 대안처럼 읽을 수 있는 설명과 자료도 함께 검토하세요.
복잡한 표는 어떻게 줄이면 좋을까요?
다른 주제를 한 표에 몰아넣기보다 각각 의미가 있는 작은 표로 나누는 방법을 검토하세요. W3C의 표 작성 팁은 복잡도를 줄이고, 서로 다른 데이터는 셀을 나누어 담도록 안내합니다. 줄바꿈을 여러 번 넣어 행처럼 보이게 만드는 방식은 글자 크기가 달라지면 정렬과 관계가 흐려질 수 있습니다.
편집팀의 운영 제안으로, 제출 기한과 평가 기준이 섞인 표라면 두 표로 나누고 각 제목을 붙여 보세요. 수강생이 지금 찾는 정보가 어디에 있는지 설명하기 쉬워집니다. 다만 분리하면서 어떤 과제의 기준인지 연결이 끊어지지 않는지도 확인해야 합니다.
발행 전에는 어느 화면에서 확인하나요?
편집 화면뿐 아니라 실제 저장된 웹페이지를 확대하고 좁은 화면에서도 확인하세요. 열이 잘리거나 한 줄의 값이 다른 행과 붙어 보이지 않는지, 화면 배치가 달라져도 머리글과 데이터 관계가 유지되는지 살펴봅니다. 표가 눈으로 잘 보인다는 확인만으로 화면낭독기의 머리글 안내가 검증된 것은 아니므로 기술 담당자와 실제 이용 결과도 점검해 보세요.
위 W3C 원문은 2026년 10월 19일 확인했습니다. 이 안내는 특정 편집 도구나 배로의 자동 변환 기능을 보장하지 않습니다. 영상에 들어갈 화면의 글자 크기와 색은 슬라이드 가독성 점검에서 별도로 확인할 수 있습니다.
발행 전 체크리스트
- 표 제목만으로 어떤 자료인지 구별할 수 있다
- 머리글이 일반 셀의 굵기 설정과 구분돼 있다
- 각 값이 어느 머리글에 속하는지 분명하다
- 다른 종류의 정보가 한 셀에 뒤섞이지 않았다
- 저장 후 확대·작은 화면·보조기술 이용을 확인할 담당자를 정했다
강의 자료는 내용을 올리는 것뿐 아니라 수강생이 필요한 관계를 읽을 수 있도록 정리하는 과정이 필요합니다. 온라인 강의 운영과 영상 보안·AI 도구를 함께 살펴보고 싶다면 배로에서 현재 제공하는 서비스 안내를 확인해 보세요.
자주 묻는 질문
표를 이미지로 넣으면 같은 점검을 적용하나요?
이미지는 HTML 데이터 표와 다릅니다. 이미지로만 제공한 값과 관계를 읽을 수 있는 텍스트나 표로도 제공하는 방법을 검토하세요.
이 글만으로 PDF 표도 검증할 수 있나요?
아닙니다. 여기서는 강의 웹페이지의 HTML 데이터 표를 다룹니다. PDF나 문서 파일의 구조는 해당 형식에 맞춰 별도로 확인해야 합니다.
머리글만 지정하면 접근성 점검이 끝나나요?
아닙니다. 표 제목과 데이터 관계, 화면 확대·모바일 표시, 보조기술에서의 이용 등 실제 결과도 확인해야 합니다.