1.4.8 시각적 표현

요구 사항

텍스트 블록의 시각적 표현에 대해 다음을 모두 제공하는 수단이 있어야 합니다.

• 전경색과 배경색을 사용자가 선택할 수 있습니다.
• 한 줄의 너비가 80자 이하입니다(한·중·일 문자는 40자 이하).
• 양쪽 정렬을 하지 않습니다.
• 문단 안 줄 간격은 1.5배 이상, 문단 간격은 줄 간격의 1.5배 이상입니다.
• 보조기술 없이 텍스트를 200%까지 확대했을 때, 전체 화면 창에서 가로 스크롤 없이 읽을 수 있습니다.

왜 필요한가요

저시력, 난독증, 인지장애가 있는 사용자는 줄이 너무 길거나, 줄 간격이 좁거나, 양쪽 정렬로 단어 사이가 불규칙하면 줄을 놓치기 쉽습니다.

도움받는 사용자

• 저시력 사용자(화면 확대 사용자)
• 난독증이 있는 사용자
• 인지·학습 장애가 있는 사용자

적용 방법

.article {
  max-width: 40em;      /* 한글 기준 약 40자 */
  line-height: 1.6;
  text-align: left;     /* 양쪽 정렬 사용하지 않음 */
}
.article p { margin-bottom: 1.5em; }

자주 하는 실수

• 본문에 text-align: justify를 사용합니다.
• 줄 너비 제한 없이 넓은 화면에서 한 줄이 매우 길어집니다.

검사 방법

• 본문 블록의 줄 너비, 정렬, 줄·문단 간격을 확인합니다.
• 200% 확대 시 가로 스크롤 없이 읽을 수 있는지 확인합니다.

다른 지침의 대응 항목

참고 자료

• WCAG 2.2 원문: 1.4.8 (새 창)