이메일 문구와 레이아웃의 접근성 점검 방법.
이미지가 없는 상태에서 읽기 순서와 링크 목적을 확인하세요. 시각적으로 매력적인 이메일도 보조 기술로는 이해하기 어려울 수 있습니다.
작업에 맞게 절차를 조정하세요.
제공된 이메일의 텍스트 순서, 제목, 이미지, 링크를 살펴보세요. 이미지가 없을 때 사라지는 정보를 찾고 의미 있는 이름을 제안한 뒤 적절한 접근성 도구로 실제 레이아웃을 확인하세요.
- 제공할 내용
- 이메일 HTML 또는 문구.
- 받을 결과
- 제목, 링크 이름 및 읽기 순서 문제.
입력과 결과를 확인하세요.
설명용 입력과 출력 · 실제 WebAct 실행이 아닌 학습용 예시
입력 항목 예시개
An HTML email has image-only headings and several linked icons with no accessible names. No rendered layout supplied.
완성된 예시
Issue 1: headings are available only as images; provide meaningful text headings or an appropriate text alternative. Issue 2: linked icons lack accessible names; name each destination or action. Unverified: contrast, reading order and client-specific rendering. Inspect the actual email before reporting a complete accessibility result.
이 입력을 프롬프트에 넣고 WebAct에 복사해 작업을 실행해 보세요. 결과는 설명용 예시와 다를 수 있습니다.
판단 기준과 문제 해결.
접근성 있는 문구가 접근성 없는 이메일 레이아웃을 보완할 수 있나요?
도움은 되지만 구조, 대비, 클라이언트 렌더링도 중요합니다. 문구만 유일한 요소로 취급하지 말고 전체 이메일을 검토하세요.
링크된 아이콘이 이미지 없이는 의미를 잃는 이유는 무엇인가요?
각 목적지를 설명하는 접근 가능한 이름을 제공하세요. 시각적 기호가 없어도 링크의 목적을 이해할 수 있어야 합니다.
직접 준비한 자료로 시도하세요.
작업 프롬프트의 예시를 내 자료로 바꾸세요. 필요한 요구 사항은 유지하고 작업을 WebAct에 복사하세요.
작업 맞춤 설정 및 복사 ↑