무료GitHub에 공개한국어 소개

image-redundant-alt

이미지 대체 텍스트의 ‘이미지’, ‘사진’ 같은 불필요한 표현과 주변 문장과의 중복을 점검합니다. 스크린 리더에서 의미가 전달되도록 간결한 설명으로 수정합니다.

원문원문 설명 보기

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid redundant image alternative text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias/Front-End-Checklist

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

이미지 대체 텍스트 점검
캡션과 중복되는 설명 줄이기
수정 후 낭독 결과 확인

한국어 소개

할 수 있는 일

이미지 대체 텍스트를 점검하고 낭독이 장황해지는 표현을 수정합니다. alt 속성에 있는 ‘이미지’, ‘사진’ 등의 머리말이나 인접한 문장과 같은 설명을 찾아 이미지의 의미를 간결하게 전달하는 문장으로 다듬습니다. 렌더링된 HTML을 확인해 문제가 있는 요소를 특정하고 수정 후 검증 방법도 제시합니다.

이럴 때 유용합니다

웹 페이지의 접근성을 검토하거나 이미지와 캡션이 중복해서 읽히는지 확인할 때 유용합니다. 스크린 리더는 화면 내용을 소리 내어 읽는 프로그램입니다. 이를 이용하는 사용자에게 필요한 정보가 빠지거나 불필요하게 반복되지 않고 전달되는지 점검할 수 있습니다.

사용 예시

“이 페이지 이미지의 alt를 살펴보고 불필요하게 반복되는 표현을 수정해 주세요.”
“옆 문장과 중복되는 대체 텍스트를 찾고 검증 방법도 알려 주세요.”

주의 사항

스크린 리더는 해당 요소가 이미지라는 사실을 이미 읽어 주므로 대체 텍스트에서 이를 반복할 필요가 없습니다. 수정 결과는 브라우저의 접근성 확인 기능이나 보조 기술로 검증합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

문서 점검

AI가 SKILL.md의 내용에서 주의가 필요한 작업과 도입 전제를 확인했습니다. 점수는 실제로 실행한 결과(실행 검증)만으로 매깁니다.

안전성전송·삭제·명령 실행 등을 명시하고 있는가: A양호alt 문구 수정이 중심이며 외부 전송, 삭제, 인증 정보 조작은 없습니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가: A양호HTML과 alt 확인이 중심이며 API 키, 유료 서비스, 특정 운영체제를 요구하지 않습니다.

점수에는 넣지 않았습니다. 2026년 10월 23일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

포함된 파일(2)

SKILL.md1.7 KB
references/rule.md2.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Avoid redundant image alternative text

Redundant alt text increases the verbosity for screen reader users without adding value, leading to a poorer user experience and slower navigation.

Quick Reference

Do not repeat 'image of' or 'picture of' in alt text
Avoid alt text that exactly matches adjacent text
Keep alt text concise and focused on the image's meaning

Check

Scan image alt attributes for redundant phrases like 'image of', 'photo of', or text that duplicates surrounding content.

Fix

Remove redundant phrases from the alt attribute and ensure the text provides unique, descriptive information.

Explain

Explain why screen readers already announce 'graphic' or 'image', making phrases like 'image of' unnecessary and repetitive.

Code Review

Review the rendered markup and interactive states that affect Avoid redundant image alternative text. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/accessibility/image-redundant-alt

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬