-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Translate images-of-text.html via GitLocalize
- Loading branch information
1 parent
4cc5c4a
commit 2020fd0
Showing
1 changed file
with
111 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,111 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>文字画像</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content="Explainer for success criterion 1.4.5 Images of Text"> | ||
<script> | ||
var page_info = { | ||
'category': ['Conformance', 'WCAG'], | ||
'appliesTo': ['Audiobooks*','EPUB3','EPUB2'] | ||
}; | ||
</script> | ||
<script src="/js/init.js"></script> | ||
</head> | ||
<body> | ||
<main> | ||
<section id="about"> | ||
<h3>概要</h3> | ||
|
||
<table class="sc-info"> | ||
<colgroup> | ||
<col style="width: 12rem;"> | ||
<col style="width: auto;"> | ||
</colgroup> | ||
<tr> | ||
<th>バージョン:</th> | ||
<td>WCAG 2.0以上</td> | ||
</tr> | ||
<tr> | ||
<th>セクション番号:</th> | ||
<td>1.4.5</td> | ||
</tr> | ||
<tr> | ||
<th>レベル:</th> | ||
<td>AA</td> | ||
</tr> | ||
<tr> | ||
<th>適用対象:</th> | ||
<td class="docs"> | ||
<ul> | ||
<li>文字画像</li> | ||
</ul> | ||
</td> | ||
</tr> | ||
<tr> | ||
<th>要件:</th> | ||
<td class="desc"> | ||
<p>使用している技術で意図した視覚的提示が可能である場合、文字画像ではなくテキストが情報伝達に用いられている。ただし、次に挙げる場合を除く。</p> | ||
<dl> | ||
<dt>カスタマイズ可能</dt> | ||
<dd> | ||
<p>文字画像は、利用者の要求に応じた視覚的なカスタマイズができる。</p> | ||
</dd> | ||
|
||
<dt>必要不可欠</dt> | ||
<dd> | ||
<p>テキストの特定の表現が、伝えようとする情報にとって必要不可欠である。</p> | ||
</dd> | ||
</dl> | ||
</td> | ||
</tr> | ||
<tr> | ||
<th>ガイダンス:</th> | ||
<td class="docs"> | ||
<ul> | ||
<li><a href="https://www.w3.org/WAI/WCAG22/Understanding/images-of-text.html">達成基準1.4.5の理解</a></li> | ||
<li><a href="https://www.w3.org/WAI/WCAG22/quickref/#images-of-text">達成基準1.4.5を満たす方法</a></li> | ||
</ul> | ||
</td> | ||
</tr> | ||
<tr> | ||
<th>達成方法:</th> | ||
<td class="docs"> | ||
<ul> | ||
<li><a href="https://www.w3.org/WAI/WCAG22/Techniques/css/C22">C22:テキストの視覚的提示を制御するために、CSS を使用する</a></li> | ||
<li><a href="https://www.w3.org/WAI/WCAG22/Techniques/css/C30">C30:テキストを文字画像に置き換えるために CSS を利用し、切り替えのためのユーザインタフェースコントロールを提供する</a></li> | ||
<li><a href="https://www.w3.org/WAI/WCAG22/Techniques/general/G140">G140:異なる提示を可能にするために、情報と構造を表現から分離する</a></li> | ||
</ul> | ||
</td> | ||
</tr> | ||
</table> | ||
</section> | ||
<section id="purpose"> | ||
<h3>目的</h3> | ||
|
||
<p>この達成基準の目的は、ユーザーが読みやすさに合わせてすべてのテキストのフォントを変更できるようにすることです。</p> | ||
|
||
<p>このレベルでは、コンテンツ製作者が表現に不可欠な場合に文字画像を使用できるように、いくつかの例外が設けられています。<a href="images-of-text-no-exception.html">達成基準 1.4.9</a>も同じ目的ですが、例外は認められていません。</p> | ||
</section> | ||
<section id="meeting"> | ||
<h3>要件の満たし方</h3> | ||
|
||
<p>コンテンツ製作者は、フォントやCSSを使用して同じ結果が得られる場合、出版物のテキストのスタイルを特定の方法で設定するために画像を使用しないことを確認しなければなりません。</p> | ||
|
||
<p>たとえばフォントを埋め込むことができない、またはスタイルが保証できない場合の表現が必要な時は、この達成基準のもとで文字画像を使用することが許可されます。コンテンツ製作者は、表現の重要性と、これが読者にもたらす可能性のある問題を比較検討する必要があります。</p> | ||
|
||
<p>画像の背景にある付随的なテキストはこの要件の対象ではないことに注意してください(例:都市景観における標識や建物名)。</p> | ||
</section> | ||
<section id="kb"> | ||
<h3>追加情報</h3> | ||
|
||
<p>ナレッジベースの次のページでは、出版物コンテンツにおいてこの達成基準を満たす方法が、より詳しく記載されています。</p> | ||
|
||
<ul> | ||
<li><a href="../html/images-text.html">文字画像</a></li> | ||
</ul> | ||
</section> | ||
</main> | ||
</body> | ||
</html> |