alt 텍스트가 없을 때 실제로 벌어지는 일

alt가 비어 있으면 스크린리더는 파일명(IMG_2024.jpg)을 그대로 읽거나 "이미지"라고만 안내해 시각장애인 사용자에게 정보가 전달되지 않습니다. 검색엔진 역시 이미지 자체의 시각 내용을 완전히 이해하지 못하므로, alt 텍스트가 이미지 검색 유입과 문맥 이해에 중요한 역할을 합니다.

의미 있는 이미지 vs 장식용 이미지 구분

모든 이미지에 무조건 긴 alt를 넣는 것이 정답은 아닙니다.

• 의미 있는 이미지 (상품 사진, 인물, 인포그래픽) — 구체적이고 설명적인 alt 필수
• 장식용 이미지 (배경 패턴, 구분선) — alt="" 또는 role="presentation"으로 스크린리더가 건너뛰게 처리

장식용 이미지에까지 억지로 설명을 채우면 오히려 스크린리더 사용자에게 불필요한 정보 과부하를 줍니다.

DB 자동 생성 템플릿 설계

상품·게시글 이미지처럼 대량으로 등록되는 경우, 데이터 필드를 조합해 자동으로 alt를 생성하는 규칙을 만듭니다.

<?php
function generate_alt($item) {
    return trim($item['category'] . ' ' . $item['name'] . ' 이미지');
}
// 예: "여성 니트 원피스 이미지"
?>
<img src="<?php echo $item['thumb']; ?>"
     alt="<?php echo htmlspecialchars(generate_alt($item)); ?>">

자동 생성 규칙은 상품명·카테고리를 그대로 나열하는 수준에서 시작해도 충분하며, 완전히 비어 있는 것보다 훨씬 낫습니다.

DB 테이블 설계 예시

이미지마다 수동 보정이 가능하도록 자동 생성 값과 수동 입력 값을 분리해 저장하는 구조가 유지보수에 유리합니다.

CREATE TABLE image_alt (
    img_id INT PRIMARY KEY,
    auto_alt VARCHAR(255),      -- 자동 생성값
    manual_alt VARCHAR(255) NULL, -- 수동 보정값 (있으면 우선 사용)
    updated_at DATETIME
);

출력 시에는 manual_alt가 있으면 우선 사용하고, 없으면 auto_alt로 폴백하는 방식으로 처리합니다.

업로드 시점 검증 규칙

기존에 쌓인 이미지에 일괄 보정 적용하기

이미 alt 없이 등록된 이미지가 수천 건이라면, 전체를 한 번에 손으로 고치는 대신 다음 순서로 접근합니다.

1. alt가 비어 있는 이미지 목록을 우선 SQL로 추출
2. DB 필드 조합으로 자동 생성 규칙을 일괄 적용(백필)
3. 트래픽이 높은 상위 이미지부터 수동 검수·보정
4. 이후 신규 업로드부터는 검증 규칙을 강제 적용

스크린리더 사용자 관점의 좋은 alt 예시

다국어 사이트에서 alt를 함께 번역해야 하는 이유

다국어로 운영되는 사이트라면 alt 텍스트도 언어별로 분리해서 저장해야 합니다. 한국어 alt를 영어 페이지에 그대로 노출하면 해당 언어권 스크린리더 사용자와 검색엔진 모두에게 의미가 전달되지 않습니다.

CREATE TABLE image_alt_i18n (
    img_id INT,
    lang_code VARCHAR(5),
    alt_text VARCHAR(255),
    PRIMARY KEY (img_id, lang_code)
);

언어별 레코드가 없는 경우 기본 언어(예: 한국어)로 폴백하는 로직을 함께 두면 번역이 누락된 이미지도 최소한의 alt는 유지됩니다.

실무 정리

alt 자동화는 접근성과 SEO를 동시에 개선하는 가장 비용 대비 효과가 큰 작업 중 하나입니다. 이미지 용량 최적화가 함께 필요하다면 WebP 변환 파이프라인도 참고하세요. 대량 이미지에 alt 자동 연동 시스템을 구축하려면 무료 견적요청으로 현재 DB 구조를 알려주세요.