들어가기 전에

지금까지 대체 텍스트를 숨기는 다양한 방법을 알아보고, 프로모션 페이지를 직접 제작해 보았습니다.

어떤 내용들이 있었는지 다시 한번 살펴보도록 하겠습니다.

학습하기

요약 정리 

• 언제 사용할까?
  • <img> 태그 사용 시, 대체 텍스트가 너무 긴 경우
  • background-image 속성으로 처리한 의미 있는 이미지

• 어떻게 사용할까?
  • 시멘틱 마크업 유지
    
  • 스크린 리더 인식 가능하고, 레이아웃과 성능에 영향이 없는 CSS 속성 사용
  • .blind 클래스 활용