슬라이드 쇼의 각 이미지에 유효한 alt 속성은 무엇입니까?

웹 사이트 디렉토리에는 모든 비즈니스가 여러 이미지가 포함 된 슬라이드 쇼가 있습니다. 각 경우에 어떤 종류의 그림이 있는지 모르면 각 이미지/링크에 대해 alt 속성을 처리하는 가장 좋은 방법은 무엇입니까?슬라이드 쇼의 각 이미지에 유효한 alt 속성은 무엇입니까?

예 (편집)

<ul class="slideshow"> 
    <li> 
    <a href="img1_full.jpg" ><img src="img1_thumb" alt=""></a> 
    </li> 
    <li> 
    <a href="img2_full.jpg" ><img src="img1_thumb" alt=""></a> 
    </li> 
</ul>

출처

2017-12-20 VictorC

이미지가 무엇인지 모르는 경우 이미지를 설명하는 방법을 알고 있습니다. – SLaks

'alt' 값은 문자 그대로 이미지를 설명하는 텍스트입니다. 전의. * Mona Lisa *의 이미지는 다음과 같습니다. * 팔을 들고 약간의 미소를 지닌 어두운 머리 여자의 그림 * – zer00ne

@ zer00ne - 가끔 그렇지만 항상 그런 것은 아닙니다. 'alt' 값은 그 문맥에서 이미지의 대체 텍스트를 제공합니다. 대체 텍스트에 포함되어야하는 정보에 대한 정보는 [alt 사용 결정 트리] (https://www.w3.org/WAI/tutorials/images/decision-tree/)를 참조하십시오. – Alohci

alt="Slideshow image 1 of Business X" 등

하면 이미지가 무엇인지 알 수 없기 때문에,이 유효한 옵션이 될 것입니다. 화면 판독기를 사용하는 사람에게 또는 이미지를 볼 수없는 어떤 이유로 든 (로드되지 않음) 이미지가 슬라이드 쇼의 일부임을 나타냅니다. 또한 어떤 이미지인지, 어떤 비즈니스와 관련이 있는지 알려줍니다.

이미지를 분석하고이를 설명하는 짧은 구문을 반환 할 수있는 Cloud Vision API와 같은 API를 사용할 수 있습니다.

출처

2017-12-20 02:16:14

[F30 : 대안이 아닌 대체 텍스트 사용으로 인해 달성 기준 1.1.1 및 1.2.1 실패] (https://www.w3.org/TR/WCAG20-TECHS/F30.html)을 읽으십시오. "슬라이드 쇼", "이미지 1"과 같은 용어는 스크린 리더를 사용할 때 쓸모가 없으며 설명이없는 정보를 갖는 것보다 더 좋은 대안이 없습니다. – Adam

The a element can’t have an alt attribute.

당신이 img를 사용하는 가정 :

을 슬라이드 쇼의 이미지는 빈 alt 값을 사용해야 만 장식하는 경우.
링크가 이미지 대신 페이지로 이동하는 경우 alt 값 has to describe the purpose of the link (이미지가 아님). 예를 들어, 슬라이드가 제품 이미지를 표시하고 제품 페이지에 링크되어있는 경우 alt 값이 제품 이름이 될 수 있습니다.
링크가 이미지로 이동하거나 (예 : 고해상도) 슬라이드가 링크되지 않은 경우 alt 값이 이미지를 설명해야합니다.

Exception : 당신이 자동으로 마크 업을 생성하고 적절한 alt 값을 추가하는 방법이 없다면, 대신 alt의 (빈 값) 속성 generator-unable-to-provide-required-alt을 사용할 수 있습니다. 부적합합니다. 그러나 유효성 검사기는 오류를 무시할 수 있으며 부적절한 alt 값을 제공하는 것보다 낫습니다.

출처

2017-12-20 07:01:14 unor

슬라이드 쇼의 각 이미지에 유효한 alt 속성은 무엇입니까?

답변

관련 문제