웹 접근성 개선

문제 설명

다음 HTML에는 여러 접근성 문제가 있습니다. WCAG 2.1 가이드라인에 맞게 수정하세요.

문제가 있는 코드

<div onclick="submit()">제출</div>

<img src="chart.png">

<input placeholder="이메일">

<div class="red-text">필수 항목입니다</div>

<select>
  <option>서울</option>
  <option>부산</option>
</select>

<table>
  <tr><td>이름</td><td>나이</td></tr>
  <tr><td>홍길동</td><td>30</td></tr>
</table>

개선해야 할 항목

• 키보드 접근성
• 스크린 리더 호환성
• 색상 대비
• 폼 레이블
• 대체 텍스트
• 의미론적 마크업

평가 기준

• WCAG 2.1 레벨 AA 충족
• 스크린 리더 테스트 통과
• 키보드만으로 조작 가능