SVG11/access.html

<!DOCTYPE html>
<html lang="ja">
<head>


	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title title="Accessibility Support">アクセシビリティのサポート – SVG 1.1 （第２版）</title>
	<link rel="stylesheet" type="text/css" media="screen" href="style/svg-style.css">
	<link rel="stylesheet" href="style/W3C-REC.css">
</head><body>

<div class="header top">
<a href="index.html#minitoc">目次</a> ⋅
<a href="expanded-toc.html">詳細目次</a> ⋅
<a href="conform.html">前章</a> ⋅
<a href="i18n.html">次章</a> ⋅
<a href="eltindex.html">要素</a> ⋅
<a href="attindex.html">属性</a> ⋅
<a href="propidx.html">プロパティ</a>
</div>

<h1 title="Appendix H: Accessibility Support">付録 H: アクセシビリティのサポート</h1>

<h2 title="Contents" id="toc">目次</h2>

<ul class="toc">
<li><a title="H.1 WAI Accessibility Guidelines" href="access.html#AccessibilityAndSVG">
H.1 WAI アクセシビリティ指針</a></li>
<li><a title="H.2 SVG Content Accessibility Guidelines" href="access.html#SVGAccessibilityGuidelines">
H.2 SVG 内容アクセシビリティ指針</a></li>
</ul>

<p class="normativity"><em>この付録は参考であって、規定ではない。</em></p>

<h2 title="H.1 WAI Accessibility Guidelines" id="AccessibilityAndSVG">H.1 WAI アクセシビリティ指針</h2>

<p class="T">
この付録では、 W3C の Web Accessibility Initiative （ WAI ）により出版されたアクセシビリティについての指針がどのように SVG に適用されるかについて説明する。
<span lang="en">
This appendix explains how accessibility guidelines published by W3C's Web Accessibility Initiative (WAI) apply to SVG.
</span></p>

    <ol>

<li class="T">
<a href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>ウェブ内容アクセシビリティ指針 (WCAG) 2.0</cite></a>
[<a href="refs.html#ref-WCAG2">WCAG2</a>]
は、文書作成者がウェブ内容を作成するにあたって身体的に不利な条件を持つ人々からもアクセス可能にする方法を説明している。
<span lang="en">
The Web Content Accessibility Guidelines (WCAG) 2.0 [WCAG2] explains how authors can create Web content that is accessible to people with disabilities.
</span></li>

<li class="T">
<a href="http://www.w3.org/TR/2000/REC-ATAG10-20000203/"><cite>文書作成ツール・アクセシビリティ指針 1.0</cite></a>
[<a href="refs.html#ref-ATAG">ATAG</a>]
は、開発者が SVG 文書作成ツールなどの文書作成ツールを設計するにあたって身体的不利な条件を持つ人々からもアクセス可能にする方法を説明している。
<a href="conform.html#ConformingSVGGenerators">SVG の仕様に適合する</a>
ためには、 SVG 文書作成ツールは ATAG （優先度 1 ）に適合していなければならない。
SVG における要素の 
<a href="struct.html#Groups">グループ化</a>
および
<a href="struct.html#UseElement">再利用</a>
のサポートは、アクセス可能な SVG 文書作成ツールの設計に関連する。
<span lang="en">
The Authoring Tool Accessibility Guidelines 1.0 [ATAG] explains how developers can design accessible authoring tools such as SVG authoring tools. To conform to the SVG specification, an SVG authoring tool must conform to ATAG (priority 1). SVG support for element grouping and reuse is relevant to designing accessible SVG authoring tools.
</span></li>

<li class="T">
<a href="http://www.w3.org/TR/2002/REC-UAAG10-20021217/"><cite>ユーザエージェント アクセシビリティ指針 1.0</cite></a>
[<a href="refs.html#ref-UAAG">UAAG</a>]
は、開発者が SVG 対応ブラウザなどの UA を設計するにあたって、身体的不利な条件を持つ人々からもアクセス可能にする方法を説明している。
SVG の仕様に適合するには、 SVG-UA は UAAG に適合すべきである。
SVG による拡縮, スタイルシート, DOM, メタデータのサポートは、アクセス可能な SVG-UA の設計に関連してくる。
<span lang="en">
The User Agent Accessibility Guidelines 1.0 [UAAG] explains how developers can design accessible user agents such as SVG-enabled browsers. To conform to the SVG specification, an SVG user agent should conform to UAAG. SVG support for scaling, style sheets, the DOM, and metadata are all relevant to designing accessible SVG user agents.
</span></li>
</ol>

<p class="T">
W3C ノート
<a href="http://www.w3.org/TR/2000/NOTE-SVG-access-20000807/"><cite>SVG のアクセシビリティ機能</cite></a>
[<a href="refs.html#ref-SVG-ACCESS">SVG-ACCESS</a>]
には、これら３つの指針による要件を SVG に適用する方法についての詳細が記されている。
<span lang="en">
The W3C Note Accessibility Features of SVG [SVG-ACCESS] explains in detail how the requirements of the three guidelines apply to SVG.
</span></p>


<h2 title="H.2 SVG Content Accessibility Guidelines" id="SVGAccessibilityGuidelines">H.2 SVG 内容アクセシビリティ指針</h2>

<p class="T">
この節では、文書作成者がアクセス可能な SVG 文書をどのようにして作成するかについてを手短に説明する。
<a href="http://www.w3.org/TR/2000/NOTE-SVG-access-20000807/"><cite>SVG のアクセシビリティ機能</cite></a>
[<a href="refs.html#ref-SVG-ACCESS">SVG-ACCESS</a>]
の要約である。
<span lang="en">
This section explains briefly how authors can create accessible SVG documents; it summarizes Accessibility Features of SVG [SVG-ACCESS].
</span></p>


    <dl><dt title="Provide text equivalents for graphics."
	><span class="gl">グラフィックの代替テキストを提供すること。</span></dt><dd>
        <ul>

<li class="T">
グラフィックのテキスト内容（例えば
<a href="text.html#TextElement"><span class="element-name">text</span></a>
要素の中）が自身の役目を説明する場合は、代替テキストは不要である。
テキスト内容から機能の意味が明らかでない
<a href="text.html#TextElement"><span class="element-name">text</span></a>
要素には
<a href="struct.html#TitleElement"><span class="element-name">title</span></a>
子要素を利用して説明を加えること。
<span lang="en">
When the text content of a graphic (e.g., in a ‘text’ element) explains its function, no text equivalent is required. Use the ‘title’ child element to explain the function of ‘text’ elements whose meaning is not clear from their text content.
</span></li>

<li class="T">
グラフィックが説明的テキスト内容を含んでいない場合、代替テキストが必要である。
代替テキストが複雑なものであるならば
<a href="struct.html#DescElement"><span class="element-name">desc</span></a>
要素を、そうでない場合は 
<a href="struct.html#TitleElement"><span class="element-name">title</span></a>
子要素を利用すること。
<span lang="en">
When a graphic does not include explanatory text content, it requires a text equivalent. If the equivalent is complex, use the ‘desc’ element, otherwise use the ‘title’ child element.
</span></li>

<li class="T">
グラフィックが意味を持つ部品から構築されている場合は、解説も意味を持つ部品から構築すること。
<span lang="en">
If a graphic is built from meaningful parts, build the description from meaningful parts.
</span></li>
</ul>

      </dd><dt title="Do not rely on color alone."
	  ><span class="gl">色に頼ってはならない。</span></dt><dd>
        <ul>

<li class="T">
情報の伝達に色のみを利用しないこと。
<span lang="en">
Do not use color alone to convey information.
</span></li>

<li class="T">
色のコントラストを十分確保すること。
ある種の色の組み合わせを必要とする利用者が利用者スタイルシートを適用できるように、スタイルシート利用すること。
<span lang="en">
Ensure adequate color contrast. Use style sheets so that users who require certain color combinations may apply them through user style sheets.
</span></li>
</ul>
      </dd><dt title="Use markup and style sheets and do so properly."
	  ><span class="gl">マークアップとスタイルシートを正しく利用すること。</span></dt><dd>
        <ul>

<li class="T">
テキストは画像や曲線ではなく、文字データとして表現すること。
テキストのスタイルにはフォントを利用すること。
文書作成者は自身のフォントを SVG で記述して良い。
<span lang="en">
Represent text as character data, not as images or curves. Style text with fonts. Authors may describe their own fonts in SVG.
</span></li>

<li class="T">
構造を表示から分離すること。
<span lang="en">
Separate structure from presentation.
</span></li>

<li class="T">
<a href="struct.html#GElement"><span class="element-name">g</span></a>
要素と多彩な解説により SVG 文書に構造を与えること。
オブジェクトに名前を付けて再利用すること。
<span lang="en">
Use the ‘g’ element and rich descriptions to structure SVG documents. Reuse named objects.
</span></li>

<li class="T">
グラフィックス表現だけでなく高度に構造化された文書を公開すること。
多彩な構造を備える文書はグラフィックスとして, スピーチとして, あるいは点字として出力できる。
例えば、数式は
<a href="http://www.w3.org/TR/2001/REC-MathML2-20010221/">MathML</a>
[<a href="refs.html#ref-MATHML">MATHML</a>]
で表現し、 SVG は説明的なグラフィックに利用すること。
<span lang="en">
Publish highly-structured documents, not just graphical representations. Documents that are rich in structure may be rendered graphically, as speech, or as braille. For example, express mathematical relationships in MathML [MATHML] and use SVG for explanatory graphics.
</span></li>

<li class="T">
SVG の文法に則った文書を作成すること。
<span lang="en">
Author documents that validate to the SVG grammar.
</span></li>

<li class="T">
グラフィックおよび聴覚の呈示にスタイルシートを利用すること。
<span lang="en">
Use style sheets to specify graphical and aural presentation.
</span></li>

<li class="T">
スタイルシートには相対単位を使うこと。
<span lang="en">
Use relative units in style sheets.
</span></li>
</ul>
      </dd><dt title="Clarify natural language usage."
	  ><span class="gl">自然言語の利用のされ方を明快にすること。</span></dt><dd>
        <ul>

<li class="T">
どの自然言語が内容に用いられていて、どこで変更されているかを
<a href="struct.html#XMLLangAttribute"><span class="attr-name">xml:lang</span></a>
の利用により明らかにすること。
<span lang="en">
Use ‘xml:lang’ to identify the natural language of content and changes in natural language.
</span></li>
</ul>
      </dd><dt title="Ensure that dynamic content is accessible."
	  ><span class="gl">動的内容へのアクセスを確保すること。</span></dt><dd>
        <ul>

<li class="T">
動的内容の変化による更新を通知する代替テキストを用意すること。
<span lang="en">
Ensure that text equivalents for dynamic content are updated when the dynamic content changes.
</span></li>

<li class="T">
スクリプトや他のプログラムオブジェクトの実行が切られている、あるいはサポートされていなくても SVG 文書が利用できるようにすること。
<span lang="en">
Ensure that SVG documents are usable when scripts or other programmatic objects are turned off or not supported.
</span></li>
</ul>
      </dd></dl>

<div class="header bottom">
<a href="index.html#minitoc">目次</a> ⋅
<a href="expanded-toc.html">詳細目次</a> ⋅
<a href="conform.html">前章</a> ⋅
<a href="i18n.html">次章</a> ⋅
<a href="eltindex.html">要素</a> ⋅
<a href="attindex.html">属性</a> ⋅
<a href="propidx.html">プロパティ</a>
</div><script src="style/expanders.js" type="text/javascript"> </script>


</body>
</html>