<img> 태그의 alt 속성 왜 넣어야 하나?
2022. 12. 1. 11:16ㆍWeb
정의 및 특징
<img> 태그의 alt 속성은 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시합니다.
이러한 alt 속성은 사용자가 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공합니다.
한국처럼 인터넷이 빠른 환경에서는 크게 볼일이 없지만 인터넷 환경이 느리거나 장애인 관련 프로그램이나 액세스 빌리티관련하여 조금 공부를 했다면 누구나 아는 내요이겠죠.
문법
<img alt="표현 텍스트">예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Image alt </title>
</head>
<body>
<img src="/images.png" alt="이미지 텍스트">
<p>이미지가 로딩되지 않는 상황 또는 장애인분들의 웹사용의 편의를 위해서 꼭 넣어주세요</p>
</body>
</html>지원브라우저
| 속성 | 크롬 | 웨일 | 파이어폭스 | 사파리 | 오라클 | 엣지 |
| alt | O | O | O | O | O | O |
반응형
'Web' 카테고리의 다른 글
| 로또 번호 생성기: 역대 로또 데이터를 기반으로 한 확률 높은 번호 생성기 만들기 (Next.js & MySQL) (1) | 2024.12.28 |
|---|---|
| create-nuxt-app은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. (0) | 2022.11.09 |