UI 문구와 대체 텍스트의 빈틈과 오해를 점검하기 프롬프트
화면 문구와 이미지 설명을 실제 화면과 비교해 빈틈이나 모순을 표시하고, 접근성을 인증하지는 않습니다.
- 분야
- 개발·IT
- 수준
- 중급
- 이럴 때 좋아요
- 출시 전에 화면의 문구와 대체 텍스트 점검
- 랜딩 페이지에서 비어 있거나 오해를 부르는 이미지 설명 살펴보기
- 편집이나 개발에 넘길 열린 점 모으기
사용 방법
- 보이는 문구, 기존 대체 텍스트, 각 면이나 이미지의 짧은 설명을 붙여 넣습니다.
- 버튼, 링크, 아이콘, 장식만 하는 이미지처럼 어떤 면이 상호작용하는지 말합니다.
- 규격에 대한 판정을 받아들이지 말고, 설명하지 않은 이미지 내용은 지어내지 않습니다.
복사용
내 UI 문구와 대체 텍스트의 빈틈과 오해를 점검해 주세요. 접근성, 규격 충족, 법적 적합성을 인증하지 마세요. 내 설명에 없는 이미지 내용을 지어내지 마세요. 맥락: [화면, 페이지, 구성 요소] 보이는 문구(레이블, 버튼, 안내, 오류 메시지): [문구 붙여 넣기] 기존 대체 텍스트 또는 aria 설명: [텍스트 붙여 넣기] 그 면에서 실제로 보이거나 할 수 있는 일: [설명 붙여 넣기] 어떤 요소가 상호작용인지, 정보인지, 장식만인지: [목록 붙여 넣기] 점검할 것: 1. 빈틈: 상호작용하거나 정보가 있는 요소 중 대체 텍스트나 접근 가능한 이름이 없거나 문구가 비어 있는 것은 무엇인가요? 2. 모순: 문구가 설명된 면이나 이미지와 다른 말을 하는 곳은 어디인가요? 3. 장식: 장식만 하는 이미지인데도 흐름을 방해하는 대체 텍스트가 있는 것은 무엇인가요? 4. 중복: 이미 보이는 옆 레이블만 반복하는 대체 텍스트는 무엇인가요? 5. 언어: 시각적 맥락 없이는 이해하기 어려운 표현은 무엇인가요? 출력: - 표: 요소 | 현재 문구 또는 대체 텍스트 | 문제 | 내 설명만으로 만든 제안 - 내 정보가 부족한 요소 목록 - 규격이 아니라 알기 쉬운 사용 기준의 짧은 우선순위 규칙: 이미지 세부 사항을 지어내지 마세요. 인증, 점수, 법적 단정은 하지 마세요. 제안은 사람이 확인할 초안입니다.