知覚可能/1.1 テキストによる代替
1.1.1非テキストコンテンツ
レベル ANon-text Content
画像・アイコン・図など文字でないコンテンツには、同じ目的を果たす代替テキストを用意する。スクリーンリーダーや点字ディスプレイなど文字ベースの支援技術でも内容を伝えられるようにするためで、装飾だけの要素は逆に支援技術から隠す。CAPTCHAやテストのように代替が成立しない場合は、目的が分かる程度の説明で足りる。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(28)
すべて表示(28件)
- ARIA6: Using aria-label to provide labels for objects(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA9: Using aria-labelledby to concatenate a name from several text nodes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA10: Using aria-labelledby to provide a text alternative for non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA15: Using aria-describedby to provide descriptions of images(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C9: Using CSS to include decorative images(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G68: Providing a short text alternative that describes the purpose of live audio-only and live video-only content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G82: Providing a text alternative that identifies the purpose of interactive non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G92: Providing long description for non-text content that serves the same purpose and presents the same information(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G95: Providing short text alternatives that provide a brief description of the non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G100: Providing a short text alternative which is the accepted name or a descriptive name of the non-text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G143: Providing a text alternative that describes the purpose of the CAPTCHA(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G144: Ensuring that the web page contains another CAPTCHA serving the same purpose using a different modality(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G196: Using a text alternative on one item within a group of images that describes all items in the group(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H2: Combining adjacent image and text links for the same resource(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H24: Providing text alternatives for the area elements of image maps(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H30: Providing link text that describes the purpose of a link for anchor elements(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H36: Using alt attributes on images used as submit buttons(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H37: Using alt attributes on img elements(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H44: Using label elements to associate text labels with form controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H53: Using the body of the object element(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H65: Using the title attribute to identify form controls when the label element cannot be used(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H67: Using null alt text and no title attribute on img elements for images that assistive technology should ignore(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H86: Providing text alternatives for emojis, emoticons, ASCII art, and leetspeak(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF1: Applying text alternatives to images with the Alt entry in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF4: Hiding decorative images with the Artifact tag in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
参考達成方法(1)
失敗例(10)
すべて表示(10件)
- F3: Failure of Success Criterion 1.1.1 due to conveying information exclusively using CSS background images(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F20: Failure of Success Criterion 1.1.1 and 4.1.2 due to not updating text alternatives when changes to non-text content occur(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F38: Failure of Success Criterion 1.1.1 due to not marking up decorative images in HTML in a way that allows assistive technology to ignore them(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F39: Failure of Success Criterion 1.1.1 due to providing a text alternative that is not null (e.g., alt="spacer" or alt="image") for images that should be ignored by assistive technology(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type "image"(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F67: Failure of Success Criterion 1.1.1 and 1.2.1 due to providing long descriptions for non-text content that does not serve the same purpose or does not present the same information(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F71: Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F72: Failure of Success Criterion 1.1.1 due to using ASCII art without providing a text alternative(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.1.1 非テキストコンテンツ — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Non-text Content — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。