2010-01-28 3 views
6

null alt = ""을 추가하면 어떤 이점이 있습니까? 유효성 검사를 통과해야만하는지 아니면 더 많은 이유가 있습니까?빈 alt = ""을 추가하면 어떤 이점이 있습니까? alt를 사용해야합니까? alt = ""또는 alt = ""?

어떻게 작성해야합니까? 이 같은

, 하나 개의 빈 공간

alt=" " 
+1

"null"은 때때로 데이터 표현 (자바 포함하지만 HTML 제외)에서 특정 비어 있지 않은 문자열 의미를 가지기 때문에 제목은 "null"대신 "empty"로 읽어야합니다. 당신은 이미 빈 따옴표로 당신의 의미를 설명합니다. – Anonymous

답변

4

기타 답변은 표준의 요구 사항을 지적했습니다.

빈 대체 텍스트 감안할 때, 살쾡이가 렌더링 : 누락 된 alt 속성을 감안할 때

가, 살쾡이 렌더링됩니다

filename.jpg 여기에 실제적인 예입니다

무의미한 파일 이름을 흩어져 있어야합니다.

+0

및 null alt를 추가하는 올바른 방법은 무엇입니까? 그리고 화면이 어떻게 동작할까요? –

+0

공간을 사용하면 IIRC가 일부 구형 소프트웨어의 버그를 피할 수 있습니다. 화면 판독기는 다르게 작동합니다 (화면 판독기 및 구성 방법에 따라 다름). 어떤 사용자는 이미지가 있음을 사용자에게 알려주고 다른 사용자는 건너 뛸 것이며 일부 사용자는 파일 이름에 대한 정보를 얻을 수 있습니다. – Quentin

+0

귀하의 제안이 옳았습니다. 우리가 alt = ""를 사용하면 IE는 마우스 위에 빈 툴팁을 제공합니다. –

6

에 공백없이

alt="" 

또는이 귀하의 XHTML을 확인하세요. alt는 이미지의 필수 속성입니다.

빈을 추가하는 것은 프로그래머의 게으름을 나타내는 기호입니다. (작은 장식 요소와 같은 사이트 탐색의 핵심이 아닌 이미지의 경우에도 그렇습니다.)

P. 그림자 구성 요소와 같은 장식 요소가있는 경우 특정 장식 요소를 이미지가 아닌 CSS 배경으로 추가 할 수 있으므로 대체 텍스트를 작성하지 않고 비 콘텐츠 항목을 마크 업하지 않아도됩니다.

+0

HTML에도 필수 항목입니다. – Joey

+0

아마도 2 ~ 3 년 후에 유효성 검사가 더욱 어려워지고 비어 있지 않은 문자열이 필요합니다. 이것은 역사상 가장 흥미로운 기술 군비 경쟁 일 수 있습니다. –

+0

나는 그것이 항상 게으르다는 것을 믿지 않는다. - 당신이 정말로 읽고 싶어하지 않는 이미지 (스페이서, 보더 등)가있다. 대부분 이미지가 장식이기 때문에 내용에 기여하지 않는다. 그래서 당신은 그것들을 독자가 무시하도록 표시 할 수 있어야합니다. 불행히도 이것은 (내가) 충분히 가까이에있는 것을 알기 때문에 더 많은 코멘트를 환영 할 것입니다. – Murph

3

적절한 대체 텍스트가없는 이미지 (즉, 장식 요소와 같은 의미를 지니지 않는 그림)의 경우 alt 속성은 비어 있어야합니다. 비어있는 의미는 공백이 아니며 (관례와 권고이지만 좋은 것이지).

alt 속성

IMGAREA 요소에 지정되어야한다. INPUTAPPLET 요소는 선택 사항입니다.

대체 텍스트는 매우 유용 할 수 있지만 조심해서 다루어야합니다. 저자는 다음과 같은 지침을 준수해야한다 : 예를 들어, 페이지의 형식을위한 이미지를 포함 할 때

  • 는 관련이없는 대체 텍스트를 지정하지 마십시오, alt="red ball"은 제목 또는 단락를 장식 빨간 공을 추가하는 이미지에 대한 부적절 할 것이다. 이 경우 대체 텍스트는 빈 문자열 ("")이어야합니다. 저자는 어떤 경우에도 이미지를 사용하여 페이지 서식을 지정하지 않는 것이 좋습니다. 스타일 시트를 사용해야합니다.
  • 의미없는 대체 텍스트 (예 : '더미 텍스트')를 지정하지 마십시오. 이것은 사용자를 좌절시킬뿐만 아니라 텍스트를 음성이나 점자 출력으로 변환해야하는 사용자 에이전트의 속도를 늦 춥니 다.

구현자는 누락 된 대체 텍스트의 사례를 처리하는 방법에 대한 정보는 접근성 섹션을 참조해야합니다.

-HTML 4 specification. Section 13.8 How to specify alternate text

가 가지 이렇게하는 의미가 있기 때문에 내가 (다른 대답에 원래 코멘트)뿐만 아니라 답변으로 이것을 추가 할 것입니다
+0

은 유효성 검사를 위해서만 null alt입니까? –

+0

속성은'img' 요소에 대해 * 필수 *입니다. 그래서 그래, 어떤면에서는 이것이 의미없는 이미지에 대한 독자에게 쓸데없는 혼란이 생기지 않도록하면서 문서의 유효성을 검사하는 것입니다. – Joey

+0

화면 판독기는 null을 무시합니다. –

0

.

페이지의 스타일을 지정하는 데 사용되는 이미지 (따라서 실제 "alt"사용법이 없음)는 마크 업이 아닌 CSS 및 배경 이미지와 그 친척을 통해 삽입되어야합니다. 그렇게하면 한 번에 두 가지 좋은 일을 할 수 있습니다. 디자인을 스타일 시트에 그대로두면 페이지에서 비상식 코드를 삭제할 수 있습니다.

"semantics is god"- 움직임이 div와 span, 그리고 그들이 내재하는 모호성을 보지 못했지만, 배경 이미지가있는 div가 img 태그보다 낫다고 생각합니다. 스타일링.

+2

세 번째 사례를 잊지 마세요 : 콘텐츠를 보여주는 이미지. 그들은 의미있는 의미를 추가하지는 않지만 내용은 만족 스럽습니다. (예 : 테이블에 데이터를 시각적으로 표시하는 차트 또는 기사에서 논의하는 사람의 이미지) 디자인 요소가 아니지만 대체 텍스트가 없어야합니다. – Quentin

+0

물론 그렇습니다.alt 요소는 이미지의 내용을 설명하므로 이미지를 렌더링 할 수 없거나 화면 판독기를 사용할 수없는 사용자는 그 내용을 알 수 있습니다. "12215426.jpg"는 아무 것도 말하지 않고, "Obama holding an 우산"또는 "Chart는 지난 해 매출을 자세히 설명합니다"라고 말해줍니다. alt 요소는 이미지의 캡션이 무엇이든지간에, 또는 이미지에 실제로 캡션이 있으면 단순화 된 것이어야합니다. –

+2

"Obama holding an 우산"또는 "지난 해 매출을 자세히 보여주는 차트"는 유용한 정보를 제공하지 않으며 텍스트 브라우저를 사용하는 경우 이해가되지 않습니다. 대체 텍스트는 설명이 아닌 대체 텍스트입니다. 이미지가 전달하도록 설계된 정보가 문서에 있는지 확인해야하며 사용자가 볼 수없는 모든 것을 말할 필요는 없습니다 (간혹 유용하지만 가끔은 'longdesc' 속성은). – Quentin