原文：https://pauljadam.com/demos/css4altgeneratedcontent.html
※このページは動作確認用ページです。一部アクセシビリティに配慮していないコンテンツが含まれます。
DEMO一覧に戻るPaulJAdam.comでさらに詳しく（外部サイト）
CSSによって出力されたコンテンツのためのCSS4 Alt text
Font Awesomeのfa-external-linkアイコンは新しいタブでページが開かれることを表すために利用されます。視覚障害者は視覚的なアイコンを見ることができないため、代替テキストが必要です。「CSS4 alt for generated content」の仕様はiOS 9 and OS X 10.11において動作するようです。意図した代替テキストを提供することを確認しました。
Font Awesomeの別窓アイコン：Google
Font Awesomeの別窓アイコンと「New」の絵文字：Apple
通常リンク：PaulJAdam.com
装飾的な絵文字と空の代替テキスト： お問い合わせ
iOSのVoiceOverは「お問い合わせ さるの顔」と読み上げました。
装飾的な絵文字と代替テキストに1つの半角スペースを持つ例： お問い合わせ
iOSのVoiceOverは「お問い合わせ」と読み上げました。
CSS代替テキストなしのFont Awesomeのアイコン： PaulJAdam.com
CSS代替テキストに半角スペースを指定したFont Awesomeのアイコン： PaulJAdam.com