Alternative Text
대체 텍스트
대체 텍스트는 누군가 이미지 볼 수 없을 때 이미지의 유용한 의미를 설명합니다. 페이지에서 이미지의 역할과 일치해야 합니다.
다른 예시
기상 차트에는 "강우 확률은 16:00에 70%로 가장 높습니다."라고 표시됩니다. 장식용 구름 텍스처는 빈 alt 값을 사용합니다. 링크된 로고는 픽셀을 설명하는 대신 목적지를 명시합니다.
주요 부분
- 01맥락에서의 목적
- 02간결한 동등 표현
- 03복합 데이터 폴백
사용할 때
이미지가 페이지 문맥에서 의미하는 바를 설명하세요. 복잡한 차트나 다이어그램은 같은 데이터를 다른 형태로 제공하세요.
다음 경우에는 사용하지 마세요
'image of'로 시작하지 말고, 캡션을 반복하지 말고, 정보를 추가하지 않는 장식은 설명하지 마세요.
코드에서 사용된 이름
img alt, accessible name, or adjacent long-form equivalent 출시하기 전에
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome：Complete the task with 대체 텍스트 (Alternative Text)。 User context：기상 차트에는 "강우 확률은 16:00에 70%로 가장 높습니다."라고 표시됩니다. 장식용 구름 텍스처는 빈 alt 값을 사용합니다. 링크된 로고는 픽셀을 설명하는 대신 목적지를 명시합니다. Recommended pattern：대체 텍스트 (Alternative Text)。 Why it fits：이미지가 페이지 문맥에서 의미하는 바를 설명하세요. 복잡한 차트나 다이어그램은 같은 데이터를 다른 형태로 제공하세요. Do not use it when：'image of'로 시작하지 말고, 캡션을 반복하지 말고, 정보를 추가하지 않는 장식은 설명하지 마세요. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 대체 텍스트 (Alternative Text) is used now. Definition: 대체 텍스트는 누군가 이미지 볼 수 없을 때 이미지의 유용한 의미를 설명합니다. 페이지에서 이미지의 역할과 일치해야 합니다. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.