주요 규칙 소개 | A11y Fundamentals

[giscus[bot]]

주요 규칙 소개 | A11y Fundamentals

프론트엔드 접근성의 모든 것

https://frontend-fundamentals.com/a11y/eslint/rules.html

[lamPolar]

정보를 전달하지 않는 이미지, 텍스트와 함께 있는 아이콘 의 예시의 잘못된 예시와 올바른 예시가 바뀐 것 같습니다.

[today-is-first]

정보를 전달하지 않는 이미지의 경우 시각적인 구분의 의미만 있다보니까 일부러 alt속성에 구분선이라는 설명을 안넣고, 빈 값을 넣으신 것 같아요.

텍스트와 함께 있는 아이콘의 경우 시각적인 의미가 있지만, <button>이라는 태그 안의 텍스트가 해당 버튼의 역할을 설명해주니 괜찮아요.

삭제 버튼에 alt 속성으로 삭제 아이콘을 넣게 되면 스크린 리더는 삭제 아이콘 삭제 버튼이라고 읽게 되고, alt 속성을 빈 값으로 넣어야 삭제 버튼이라고 읽게 됩니다 :)