| dbo:abstract
|
- The alt attribute is the HTML attribute used in HTML and XHTML documents to specify alternative text (alt text) that is to be displayed in place of an element that cannot be rendered. The alt attribute is used for short descriptions, with longer descriptions using the longdesc attribute. The standards organization for the World Wide Web, the World Wide Web Consortium (W3C), recommends that every image displayed through HTML have an alt attribute, though the alt attribute does not need to contain text. The lack of proper alt attributes on website images has led to several accessibility-related lawsuits. The alt attribute is used to increase accessibility and user friendliness, including for blind internet users who rely on special software for web browsing. The use of the alt attribute for images displayed within HTML is part of W3C's Web Content Accessibility Guidelines (WCAG). Screen readers and text-based web browsers read the alt attribute in place of the image. The text within the alt attribute substitutes the image when copy-pasted as text and makes images more machine-readable, which improves search engine optimization (SEO). (en)
- Ein Alt-Text (kurz für Alternativtext) ist eine kurze Bildbeschreibung oder eine kurze sprachliche Übersetzung eines visuellen Inhalts im Internet, die blinden Benutzern von Hilfsmitteln wie Screenreadern anstelle des Bildes vorgelesen wird. Alt-Texte sind eine wichtige Bedingung für ein barrierefreies Internet. Sie können jedoch auch anstelle des Bildes im Browser angezeigt werden, wenn z. B. die Internetverbindung zu langsam ist, um das Bild zu laden, oder wenn Bildanzeige zum beschleunigten Laden oder Einsparen von Datenvolumen deaktiviert ist, sowie von textbasierten Browsern. Mit Alt-Text versehene Bilder können von Suchmaschinen besser gefunden werden. (de)
- Un texto alternativo en una página web es el equivalente en texto de un objeto no textual. (es)
- L'alternative textuelle est un texte que l'on associe à un contenu graphique comme une image, une zone cliquable dans une image ou un élément de formulaire de type image, dans un site web ou dans un document produit par un logiciel d'une suite bureautique, pour que l'utilisateur qui ne peut visualiser l'image puisse être informé de ce qu'elle représente et signifie. L'alternative textuelle est restituée à la place de l'image quand celle-ci n'est pas consultable. L'alternative textuelle, dont l'emploi est obligatoire dans le cadre de l'accessibilité du web, concerne tant les personnes qui utilisent un navigateur textuel ou un lecteur d'écran, que celles qui, par choix ou à cause d'un problème technique, ne peuvent visualiser l'image. Celle-ci peut en effet :
* constituer une information nécessaire ou complémentaire à la compréhension du texte ;
* être l'objet d'un lien renvoyant vers une autre partie du texte, vers une autre image, vers une autre page web ;
* constituer un test, comme une image CAPTCHA, dont l'incompréhension ne permet pas à l'internaute d'opérer la manœuvre nécessaire à la poursuite de son opération sur le site web. L'alternative textuelle n'est donc pas la légende d'une image mais bien sa description concrète, dépendant de son contexte d'utilisation, même si elle doit être la plus concise possible. Par exemple, dans l'image ci-après, la légende ne permet pas de savoir que la friteuse est en action sur une cuisinière à gaz ni que le panier métallique est grillagé. L'alternative textuelle précise, si cette information est considérée comme nécessaire par l’auteur, que le récipient est sur une gazinière et contient des frites en train de cuire. Dans le cas d'un site web, l'alternative textuelle est introduite par l'attribut alt. Cet attribut doit être présent selon le cas :
* soit dans la balise HTML <img> qui décrit l'image ;
* soit dans la balise <area> d'une zone d'image réactive ;
* soit dans la balise <input> possédant un attribut type="image" ;
* soit dans la balise <applet> dans le cas où l'image est incorporée ou générée par une <a href="/wiki/Applet" title="Applet">applet</a>. <p>Ainsi, le code HTML de l'image présentée en exemple peut être :</p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"> <pre><span></span><span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"Fries cooking.jpg"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"Frites dorant dans un panier grillagé plongé dans l’huile d’une casserole en fonte posée sur une gazinière"</span><span class="p">/></span><span class="p"><</span><span class="nt">p</span><span class="p">></span>Friteuse formée d’une casserole en fonte munie d’un panier métallique.<span class="p"> <!--</span--><span class="nt">p</span><span class="p">></span></span></pre> </div> <p>L'alternative textuelle introduite par « <code>alt=</code> » précède la légende.</p> <p>Dans un autre contexte, la même image pourra recevoir une alternative : il pourrait être nécessaire d'illustrer le degré de cuisson des frites en fonction de leur couleur, auquel cas la mention du moyen de cuisson peut être omise. L'image peut même recevoir une alternative vide si elle ne sert que de décoration, comme dans le cas d'une frise décorative. Attention, l'alternative, même vide, doit toujours être présente.</p> <h2><span id="R.C3.A9f.C3.A9rences"></span><span class="mw-headline" id="Références">Références</span></h2> <div class="references-small decimal" style=""> <div class="mw-references-wrap"> <ol class="references"> <li id="cite_note-1"><span class="reference-text"><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/F65"><span class="lang-en" lang="en">F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute on img elements, area elements, and input elements of type "image"</span></a>, <span class="lang-en" lang="en">Techniques for WCAG 2.0</span>, sur le site du <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>.</span></li> <li id="cite_note-2"><span class="reference-text">Marie-Valentine Blond, Olivier Marcellin et Mélina Zerbib, <i>Lisibilité des sites web</i>, Eyrolles, 2011, <span class="nowrap"><abbr class="abbr" title="page">p.</abbr> 79</span>.</span></li> <li id="cite_note-3"><span class="reference-text"><span class="ouvrage"><a rel="nofollow" class="external text" href="https://www.w3.org/WAI/WCAG21/Techniques/html/H37.html">« <cite style="font-style:normal;">H37: Using alt attributes on img elements</cite> »</a>, sur <span class="italique">www.w3.org</span> <small style="line-height:1em;">(consulté le <time class="nowrap" datetime="2019-08-29" data-sort-value="2019-08-29">29 août 2019</time>)</small></span></span></li> <li id="cite_note-4"><span class="reference-text"><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/F38"><span class="lang-en" lang="en">F38: Failure of Success Criterion 1.1.1 due to omitting the alt-attribute for non-text content used for decorative purposes only in HTML</span></a>, <span class="lang-en" lang="en">Techniques for WCAG 2.0</span>, sur le site du <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>.</span></li> </ol> </div> </div> <ul id="bandeau-portail" class="bandeau-portail"> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><a href="/wiki/Portail:Handicap" title="Portail du handicap"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Wheelchair.svg/22px-Wheelchair.svg.png" decoding="async" width="22" height="24" class="noviewer" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Wheelchair.svg/33px-Wheelchair.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/76/Wheelchair.svg/45px-Wheelchair.svg.png 2x" data-file-width="39" data-file-height="42"></a></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Handicap" title="Portail:Handicap">Portail du handicap</a></span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><a href="/wiki/Portail:Internet" title="Portail d’Internet"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Circle-icons-email.svg/24px-Circle-icons-email.svg.png" decoding="async" width="24" height="24" class="noviewer" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Circle-icons-email.svg/36px-Circle-icons-email.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Circle-icons-email.svg/48px-Circle-icons-email.svg.png 2x" data-file-width="512" data-file-height="512"></a></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Internet" title="Portail:Internet">Portail d’Internet</a></span> </span></li> </ul> <!-- NewPP limit reportParsed by mw1401Cached time: 20221218133834Cache expiry: 1814400Reduced expiry: falseComplications: []CPU time usage: 0.115 secondsReal time usage: 0.166 secondsPreprocessor visited node count: 473/1000000Post‐expand include size: 6398/2097152 bytesTemplate argument size: 322/2097152 bytesHighest expansion depth: 14/100Expensive parser function count: 1/500Unstrip recursion depth: 0/20Unstrip post‐expand size: 3773/5000000 bytesLua time usage: 0.059/10.000 secondsLua memory usage: 3397885/52428800 bytesNumber of Wikibase entities loaded: 1/400--> <!--Transclusion expansion time report (%,ms,calls,template)100.00% 135.057 1 -total 60.94% 82.309 1 Modèle:Références 38.97% 52.633 1 Modèle:Portail 23.32% 31.490 1 Modèle:Lien_web 22.10% 29.854 2 Modèle:En 21.24% 28.685 1 Modèle:Indication_de_langue 15.77% 21.292 1 Modèle:Suivi_des_biographies 14.69% 19.835 1 Modèle:Catégorisation_badges 4.65% 6.286 4 Modèle:Lang 4.16% 5.613 1 Modèle:Portail_handicap--> <!-- Saved in parser cache with key frwiki:pcache:idhash:7715605-0!canonical and timestamp 20221218133833 and revision id 190435524. --> </applet> (fr)
- alt属性（英語: alt attribute）はHTMLとXHTMLで使われる。HTML要素が表示できないときに代わりにレンダリングされるテキスト（いわゆる代替テキスト、英語: alternative text/alt text）を指定する。 ウェブページを読み上げるスクリーンリーダーがAlt属性をることで、ウェブページの内容を聞いている利用者（例えば耳が聞こえる視覚障害者など）もそのHTML要素の内容を理解できる。画像のアクセシビリティを向上するためにalt属性を指定すべきだが、alt属性には必ずしもテキストを指定する必要はなく、alt=のように何も指定しないこともできる。 この属性はHTML 2.0で導入され、HTML 4.01以降ではimgタグとareaタグにおいて必須となった。またinputタグと非推奨の<a href="/wiki/%E3%82%A2%E3%83%97%E3%83%AC%E3%83%83%E3%83%88" title="アプレット">applet</a>タグでも指定できるが、こちらは省略できる。 (ja)
- HTML의 img 태그에서 쓰이는 alt 속성은 그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값이다. 다음과 같은 이유로 사용된다.
* 그림의 링크가 죽었거나, 인터넷 연결 속도나 품질이 낮다든지 화면이 제한적인 이동형 장비에서 그림을 내려받지 않고 문자열만 보여주기 위해 사용된다.
* lynx나 w3m과 같은 텍스트 전용 웹 브라우저에서 사용된다. 텍스트 브라우저들은 일반적으로 그림을 직접 보여줄 수 없으므로 alt 속성에 있는 값을 보여주는 경우가 많다. 그러나 예외적으로 는 그림을 직접 보여 준다.
* 수많은 검색 엔진은 그림에 대한 정보를 alt 속성을 읽어서 얻는다.
* 시각장애인 등을 위해 문서의 내용을 목소리로 변환해 주는 음성 합성 기술을 이용한 스크린 리더(또는 ) 소프트웨어에서 사용된다. 예를 들어 아래와 같이 사용하면 그림이 표시되지 않는 웹 브라우저에서는 '그림'이라는 문자열이 표시되며 스크린 리더를 이용할 경우 이미지의 URL이나 링크 대신 alt 속성으로 지정한 문구 '그림'이 목소리로 출력된다. 별다른 의미 없이 화면을 꾸미기 위해 사용된 그림 등이 웹 브라우저나 스크린 리더가 잘못 인식하는 것을 방지하려면 alt=""처럼 빈 속성값을 지정하면 된다. 이미지 위에 마우스 커서를 올려 놓을 때 나오는 툴팁 문구를 지정하기 위한 방법으로 여러 인터넷 브라우저에서는 alt 속성을 전통적으로 사용해왔지만 실제 그림의 제목을 지정하기 위해서는 title 속성이 따로 사용된다. (ko)
- Het alt-attribuut is een attribuut dat in HTML- en XHTML-bestanden wordt gebruikt om alternatieve tekst (alt-tekst) op te geven. De tag wordt gebruikt als een soort label van een afbeelding, het vertelt aan de zoekmachines wat er exact op een afbeelding te zien is. Het attribuut werd geïntroduceerd in HTML 2 en was in HTML 4.01 verplicht voor de tags img en area. Het is optioneel voor de input tag en de verouderde applet tag. (nl)
- O atributo alt é utilizado em documentos HTML e XHTML para especificar um texto alternativo ou substituto que é renderizado quando o elemento HTML, ao qual ele é aplicado, não é renderizado. No , o atributo é obrigatório para img e area, e opcional para as marcação input e para a marcação depreciada <a href="/wiki/Applet" title="Applet">applet</a> tag. A sintaxe do atributo alt é: <img alt="..."><area alt="..."> ou <input alt="..."> (pt)
- Alt-attribut är inom HTML och XHTML en alternativ text som beskriver det element som attributet hör till. Den alternativa texten presenteras om webbläsaren inte lyckas rendera det aktuella elementet, eller om användaren stängt av möjligheten att visa objektet. Till exempel skriver många webbläsare ut alt-attributet i ett img-element om sökvägen till bilden är felaktig. World Wide Web Consortium uppmuntrar användningen av alt-attribut för en ökad tillgänglighet för personer med funktionsnedsättning, bland annat genom att det ger möjligheten att förstå vad bilden föreställer. Textbaserade webbläsare, så som Lynx, skriver i regel ut alt-texten direkt utan att visa elementet. (sv)
- alt屬性是一個用於網頁語言HTML和XHTML、為輸出純文字的參數屬性。它的作用是當HTML元素本身的物件無法被渲染時，就顯示alt（替代）文字作為一種補救措施。這也常被螢幕閱讀軟體所使用， 使聽著網頁內容的人(例如視障者)可以與之互動。在HTML 4.01中，alt屬性被規定在img與area兩個元素中必須被指定，即使是空的(否則螢幕閱讀軟體可能會讀出不必要的裝飾性元素名稱)，alt屬性的語法如下： <img alt="..."><area alt="..."> (zh)
|
| rdfs:comment
|
- Ein Alt-Text (kurz für Alternativtext) ist eine kurze Bildbeschreibung oder eine kurze sprachliche Übersetzung eines visuellen Inhalts im Internet, die blinden Benutzern von Hilfsmitteln wie Screenreadern anstelle des Bildes vorgelesen wird. Alt-Texte sind eine wichtige Bedingung für ein barrierefreies Internet. Sie können jedoch auch anstelle des Bildes im Browser angezeigt werden, wenn z. B. die Internetverbindung zu langsam ist, um das Bild zu laden, oder wenn Bildanzeige zum beschleunigten Laden oder Einsparen von Datenvolumen deaktiviert ist, sowie von textbasierten Browsern. Mit Alt-Text versehene Bilder können von Suchmaschinen besser gefunden werden. (de)
- Un texto alternativo en una página web es el equivalente en texto de un objeto no textual. (es)
- alt属性（英語: alt attribute）はHTMLとXHTMLで使われる。HTML要素が表示できないときに代わりにレンダリングされるテキスト（いわゆる代替テキスト、英語: alternative text/alt text）を指定する。 ウェブページを読み上げるスクリーンリーダーがAlt属性をることで、ウェブページの内容を聞いている利用者（例えば耳が聞こえる視覚障害者など）もそのHTML要素の内容を理解できる。画像のアクセシビリティを向上するためにalt属性を指定すべきだが、alt属性には必ずしもテキストを指定する必要はなく、alt=のように何も指定しないこともできる。 この属性はHTML 2.0で導入され、HTML 4.01以降ではimgタグとareaタグにおいて必須となった。またinputタグと非推奨の<a href="/wiki/%E3%82%A2%E3%83%97%E3%83%AC%E3%83%83%E3%83%88" title="アプレット">applet</a>タグでも指定できるが、こちらは省略できる。 (ja)
- Het alt-attribuut is een attribuut dat in HTML- en XHTML-bestanden wordt gebruikt om alternatieve tekst (alt-tekst) op te geven. De tag wordt gebruikt als een soort label van een afbeelding, het vertelt aan de zoekmachines wat er exact op een afbeelding te zien is. Het attribuut werd geïntroduceerd in HTML 2 en was in HTML 4.01 verplicht voor de tags img en area. Het is optioneel voor de input tag en de verouderde applet tag. (nl)
- O atributo alt é utilizado em documentos HTML e XHTML para especificar um texto alternativo ou substituto que é renderizado quando o elemento HTML, ao qual ele é aplicado, não é renderizado. No , o atributo é obrigatório para img e area, e opcional para as marcação input e para a marcação depreciada <a href="/wiki/Applet" title="Applet">applet</a> tag. A sintaxe do atributo alt é: <img alt="..."><area alt="..."> ou <input alt="..."> (pt)
- alt屬性是一個用於網頁語言HTML和XHTML、為輸出純文字的參數屬性。它的作用是當HTML元素本身的物件無法被渲染時，就顯示alt（替代）文字作為一種補救措施。這也常被螢幕閱讀軟體所使用， 使聽著網頁內容的人(例如視障者)可以與之互動。在HTML 4.01中，alt屬性被規定在img與area兩個元素中必須被指定，即使是空的(否則螢幕閱讀軟體可能會讀出不必要的裝飾性元素名稱)，alt屬性的語法如下： <img alt="..."><area alt="..."> (zh)
- The alt attribute is the HTML attribute used in HTML and XHTML documents to specify alternative text (alt text) that is to be displayed in place of an element that cannot be rendered. The alt attribute is used for short descriptions, with longer descriptions using the longdesc attribute. The standards organization for the World Wide Web, the World Wide Web Consortium (W3C), recommends that every image displayed through HTML have an alt attribute, though the alt attribute does not need to contain text. The lack of proper alt attributes on website images has led to several accessibility-related lawsuits. (en)
- L'alternative textuelle est un texte que l'on associe à un contenu graphique comme une image, une zone cliquable dans une image ou un élément de formulaire de type image, dans un site web ou dans un document produit par un logiciel d'une suite bureautique, pour que l'utilisateur qui ne peut visualiser l'image puisse être informé de ce qu'elle représente et signifie. L'alternative textuelle est restituée à la place de l'image quand celle-ci n'est pas consultable. Celle-ci peut en effet : (fr)
- HTML의 img 태그에서 쓰이는 alt 속성은 그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값이다. 다음과 같은 이유로 사용된다.
* 그림의 링크가 죽었거나, 인터넷 연결 속도나 품질이 낮다든지 화면이 제한적인 이동형 장비에서 그림을 내려받지 않고 문자열만 보여주기 위해 사용된다.
* lynx나 w3m과 같은 텍스트 전용 웹 브라우저에서 사용된다. 텍스트 브라우저들은 일반적으로 그림을 직접 보여줄 수 없으므로 alt 속성에 있는 값을 보여주는 경우가 많다. 그러나 예외적으로 는 그림을 직접 보여 준다.
* 수많은 검색 엔진은 그림에 대한 정보를 alt 속성을 읽어서 얻는다.
* 시각장애인 등을 위해 문서의 내용을 목소리로 변환해 주는 음성 합성 기술을 이용한 스크린 리더(또는 ) 소프트웨어에서 사용된다. 예를 들어 아래와 같이 사용하면 그림이 표시되지 않는 웹 브라우저에서는 '그림'이라는 문자열이 표시되며 스크린 리더를 이용할 경우 이미지의 URL이나 링크 대신 alt 속성으로 지정한 문구 '그림'이 목소리로 출력된다. (ko)
- Alt-attribut är inom HTML och XHTML en alternativ text som beskriver det element som attributet hör till. Den alternativa texten presenteras om webbläsaren inte lyckas rendera det aktuella elementet, eller om användaren stängt av möjligheten att visa objektet. Till exempel skriver många webbläsare ut alt-attributet i ett img-element om sökvägen till bilden är felaktig. World Wide Web Consortium uppmuntrar användningen av alt-attribut för en ökad tillgänglighet för personer med funktionsnedsättning, bland annat genom att det ger möjligheten att förstå vad bilden föreställer. (sv)
|
