이미지 Alt 텍스트, 어디까지 써봤니 이미지 alt 텍스트를 대하는 태도는 둘 중 하나로 갈린다. 아예 없는 것으로 취급하거나, 그 안에 소설을 쓰거나. 방치와 집착은 반대말처럼 보이지만 결과는 같다. 둘 다 alt 텍스트 본연의 목적, 즉 접근성을 배신한다. 이미지 Alt 텍스트 방치파: 있으나 마나 가장 흔한 경우다. alt 속성 자체가 비어 있거나, IMG_20240611_final2.jpg 같은 파일명이 그대로 들어가 있다. 이미지를 보지 못하는 사용자에게 스크린 리더가 읽어주는 정보가 "이미지, 이백사십일점제이피지"라면, 그건 정보가 아니라 소음이다. 방치파의 논리는 단순하다. "어차피 아무도 안 보는데." 그런데 alt 텍스트는 원래 아무도 안 볼 사람을 위해 쓰는 것이다. 그 전제를 잊으면 애초에 왜 쓰는지도 잊는다. 이미지 Alt 텍스트 집착파: 사과 하나에 소설 한 편 문제는 반대쪽에서 더 흥미롭게 벌어진다. 접근성을 잘 알고, 심지어 열심히 챙기겠다는 고객사일수록 이 함정에 빠진다. 사과 이미지 하나가 있다고 하자. 필요한 alt는 이 정도면 충분하다. 빨간 사과 한 개 그런데 실제로는 이렇게 나온다. 당도 높고 아삭한 식감을 자랑하는 프리미엄 우리동네 거시기 사과, 신선함과 건강함을 한 번에 담은 이 계절 최고의 선물 이건 alt 텍스트가 아니라 상세페이지 카피가 이미지 속성 칸에 잘못 배달된 것이다. 스크린 리더 사용자는 사과를 보러 온 것이지, 사과 예찬을 듣기 위해 방문한 게 아니다. 이 정도로 늘어지면 발생하는 문제는 세 가지다. 1. 접근성 훼손 스크린 리더는 이 문장을 처음부터 끝까지 읽는다. 사용자는 "사과"라는 정보 하나를 얻기 위해 광고 문구 한 문단을 통과해야 한다. 배려로 시작한 일이 인내를 요구하는 일이 된다. 2. 가이드라인 위반 alt 텍스트는 150자 이내가 권장선이다. 그 이상 필요한 설명은 alt가 아니라 본문이나 캡션으로 가야 한다. alt는 사과 하나를...
이미지 Alt 텍스트, 어디까지 써봤니 이미지 alt 텍스트를 대하는 태도는 둘 중 하나로 갈린다. 아예 없는 것으로 취급하거나, 그 안에 소설을 쓰거나. 방치와 집착은 반대말처럼 보이지만 결과는 같다. 둘 다 alt 텍스트 본연의 목적, 즉 접근성을 배신한다. 이미지 Alt 텍스트 방치파: 있으나 마나 가장 흔한 경우다. alt 속성 자체가 비어 있거나, IMG_20240611_final2.jpg 같은 파일명이 그대로 들어가 있다. 이미지를 보지 못하는 사용자에게 스크린 리더가 읽어주는 정보가 "이미지, 이백사십일점제이피지"라면, 그건 정보가 아니라 소음이다. 방치파의 논리는 단순하다. "어차피 아무도 안 보는데." 그런데 alt 텍스트는 원래 아무도 안 볼 사람을 위해 쓰는 것이다. 그 전제를 잊으면 애초에 왜 쓰는지도 잊는다. 이미지 Alt 텍스트 집착파: 사과 하나에 소설 한 편 문제는 반대쪽에서 더 흥미롭게 벌어진다. 접근성을 잘 알고, 심지어 열심히 챙기겠다는 고객사일수록 이 함정에 빠진다. 사과 이미지 하나가 있다고 하자. 필요한 alt는 이 정도면 충분하다. 빨간 사과 한 개 그런데 실제로는 이렇게 나온다. 당도 높고 아삭한 식감을 자랑하는 프리미엄 우리동네 거시기 사과, 신선함과 건강함을 한 번에 담은 이 계절 최고의 선물 이건 alt 텍스트가 아니라 상세페이지 카피가 이미지 속성 칸에 잘못 배달된 것이다. 스크린 리더 사용자는 사과를 보러 온 것이지, 사과 예찬을 듣기 위해 방문한 게 아니다. 이 정도로 늘어지면 발생하는 문제는 세 가지다. 1. 접근성 훼손 스크린 리더는 이 문장을 처음부터 끝까지 읽는다. 사용자는 "사과"라는 정보 하나를 얻기 위해 광고 문구 한 문단을 통과해야 한다. 배려로 시작한 일이 인내를 요구하는 일이 된다. 2. 가이드라인 위반 alt 텍스트는 150자 이내가 권장선이다. 그 이상 필요한 설명은 alt가 아니라 본문이나 캡션으로 가야 한다. alt는 사과 하나를...