Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Understanding 1.4.8: 視覚的提示 の翻訳 #368

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
+132 −264
Open

Understanding 1.4.8: 視覚的提示 の翻訳 #368

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b2bd379
定型箇所の日本語化
caztcha Jan 20, 2025
725a94e
「要約」の翻訳と、既存訳の移植。
caztcha Jan 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
定型箇所の日本語化
@caztcha
caztcha committed Jan 20, 2025
commit b2bd379154a9684b4d8cd56c677539c8703c43d1
83 changes: 41 additions & 42 deletions understanding/visual-presentation.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,16 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Understanding Success Criterion 1.4.8: Visual Presentation | WAI | W3C</title>
<title>解説書 達成基準 1.4.8: 視覚的提示 | WAI | W3C</title>
<link rel="stylesheet" href="https://w3.org/WAI/assets/css/style.css" />
<link rel="stylesheet" href="base.css" />
<!-- 日本語訳されるまでの一時的なスクリプト -->
<script src="untranslated-note.js"></script>
</head>
<body dir="ltr"><a href="#main" class="button button--skip-link">Skip to content</a><div class="minimal-header-container default-grid">
<div class="minimal-header" id="site-header">
<div class="minimal-header-name"><a href="https://w3c.github.io/wcag/understanding/">WCAG 2.2 Understanding Docs</a></div>
<div class="minimal-header-subtitle">Informative explanations, not required to meet WCAG</div><a class="minimal-header-link" href="https://w3c.github.io/wcag/understanding/about">About WCAG Understanding Docs</a><div class="minimal-header-logo"><a href="http://w3.org/" aria-label="W3C">
<div class="minimal-header-name"><a href="https://waic.jp/translations/WCAG22/Understanding/">WCAG 2.2 解説書</a></div>
<div class="minimal-header-subtitle">Informative explanations, not required to meet WCAG</div><a class="minimal-header-link" href="https://waic.jp/translations/WCAG22/Understanding/about">WCAG 解説書について</a><div class="minimal-header-logo"><a href="http://w3.org/" aria-label="W3C">
<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 91.968 44" style="margin: 0.75em 0 0.75em 0.5em">
<g fill-rule="evenodd" fill="none">
<path fill="#015a9c" d="M-.231-.21h92.917v44.659H-.23z"></path>
@@ -37,17 +35,17 @@
<nav class="nav standalone-resource-pager" aria-label="Understanding Docs">
<ul>
<li class="nav__item"><a href=".">
All Understanding Docs
目次
</a></li>
<li class="nav__item"><a href="distinguishable">
<svg alt="up" focusable="false" aria-hidden="true" class="icon-arrow-up-thin pager-icon" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"></path>
</svg> Guideline: Distinguishable</a></li>
</svg>ガイドライン: 判別可能</a></li>
<li class="nav__item"><a href="low-or-no-background-audio">
<svg focusable="false" aria-hidden="true" class="icon-arrow-left-thin pager-icon" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"></path>
</svg>Previous SC: Low or No Background Audio</a></li>
<li class="nav__item"><a href="images-of-text-no-exception">Next SC: Images of Text (No Exception)
</svg>前: 小さな背景音、又は背景音なし</a></li>
<li class="nav__item"><a href="images-of-text-no-exception">次: 文字画像 (例外なし)
<svg focusable="false" aria-hidden="true" class="icon-arrow-right-thin pager-icon" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"></path>
</svg></a></li>
@@ -58,29 +56,27 @@
<div class="default-grid with-gap leftcol">
<aside class="box nav-hack sidebar standalone-resource__sidebar ">
<nav>
<header class="box-h ">Page Contents</header>
<header class="box-h ">このページの内容</header>
<div class="box-i">
<ul>
<li><a href="#brief">In Brief</a></li>
<li><a href="#intent">Intent</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#examples">Examples</a></li>
<li><a href="#resources">Related Resources</a></li>
<li><a href="#techniques">Techniques</a></li>
<li><a href="#key-terms">Key Terms</a></li>
<li><a href="#brief">要約</a></li>
<li><a href="#intent">意図</a></li>
<li><a href="#benefits">利点</a></li>
<li><a href="#examples">事例</a></li>
<li><a href="#resources">関連リソース</a></li>
<li><a href="#techniques">テクニック</a></li>
<li><a href="#key-terms">重要な用語</a></li>
</ul>
</div>
</nav>
</aside>
<main id="main" class="standalone-resource__main">

<!-- 日本語訳されるまでの一時的な注記 -->
<div class="untranslated-note"><p>このWCAG 2.2 解説書の日本語訳は作業中となっています。WCAG 2.1 解説書の日本語訳をご利用いただけます。<br>[ <a href="https://waic.jp/translations/WCAG21/Understanding/">WCAG 2.1 解説書</a> ]</p></div>
<h1><span class="standalone-resource__type-of-guidance">Understanding
SC 1.4.8:</span>Visual Presentation (Level AAA)
<h1><span class="standalone-resource__type-of-guidance">解説書
達成基準 1.4.8:</span>視覚的提示 (レベル AAA)
</h1>
<aside class="box">
<header class="box-h box-h-icon">Success Criterion (SC) </header>
<header class="box-h box-h-icon">達成基準</header>
<div class="box-i">
<p>For the visual presentation of <a href="#dfn-blocks-of-text">blocks of text</a>, a <a href="#dfn-mechanism">mechanism</a> is available to achieve the following:

@@ -122,7 +118,7 @@ <h1><span class="standalone-resource__type-of-guidance">Understanding
</aside>
<div class="excol-all"></div>
<section id="brief">
<h2>In Brief</h2>
<h2>要約</h2>
<dl>

<dt>Goal</dt>
@@ -139,7 +135,7 @@ <h2>In Brief</h2>
</dl>
</section>
<section id="intent">
<h2>Intent</h2>
<h2>意図</h2>
<p>The intent of this Success Criterion is to ensure that visually rendered text is
presented in such a manner that it can be perceived without its layout interfering
with its readability. People with some cognitive, language and learning disabilities
@@ -232,7 +228,7 @@ <h2>Intent</h2>
</p>
</section>
<section id="benefits">
<h2>Benefits</h2>
<h2>利点</h2>
<p>This Success Criterion helps low vision users by letting them see text without distracting
presentational features. It lets them configure text in ways that will be easier
for them to see by letting them control the color and size of blocks of text.
@@ -267,7 +263,7 @@ <h2>Benefits</h2>
</ul>
</section>
<section id="examples">
<h2>Examples</h2>
<h2>事例</h2>
<figure id="figure-text-cut">

<figcaption>Figure 1 The following images show examples of single-spacing, space-and-a-half and double-spaced
@@ -281,7 +277,7 @@ <h2>Examples</h2>
<p>Examples of glyphs include "A", "→" (an arrow symbol), and "さ" (a Japanese character).</p>
</section>
<section id="resources">
<h2>Related Resources</h2>
<h2>関連リソース</h2>
<p>Resources are for information purposes only, no endorsement implied.</p>
<ul>

@@ -453,14 +449,14 @@ <h2>Related Resources</h2>
</ul>
</section>
<section id="techniques">
<h2>Techniques</h2>
<h2>テクニック</h2>
<p>Each numbered item in this section represents a technique or combination of techniques
that the WCAG Working Group deems sufficient for meeting this Success Criterion. However,
it is not necessary to use these particular techniques. For information on using other
techniques, see <a href="understanding-techniques">Understanding Techniques for WCAG Success Criteria</a>, particularly the "Other Techniques" section.
</p>
<section id="sufficient">
<h3>Sufficient Techniques</h3>
<h3>十分なテクニック</h3>
<p>

<strong>Instructions: </strong> Since this is a multi-part success criterion, you must satisfy one of the numbered
@@ -668,7 +664,7 @@ <h3>Sufficient Techniques</h3>
</section>
</section>
<section id="failure">
<h3>Failures</h3>
<h3>失敗例</h3>
<p>The following are common mistakes that are considered failures of this Success Criterion
by the WCAG Working Group.
</p>
@@ -695,7 +691,7 @@ <h3>Failures</h3>
<section id="key-terms">
<details>
<summary>
<h2>Key Terms</h2>
<h2>重要な用語</h2>
</summary>
<dt id="dfn-assistive-technology">assistive technology</dt>
<dd>
@@ -980,13 +976,12 @@ <h2>Key Terms</h2>
<svg focusable="false" aria-hidden="true" class="icon-comments" viewBox="0 0 28 28">
<path d="M22 12c0 4.422-4.922 8-11 8-0.953 0-1.875-0.094-2.75-0.25-1.297 0.922-2.766 1.594-4.344 2-0.422 0.109-0.875 0.187-1.344 0.25h-0.047c-0.234 0-0.453-0.187-0.5-0.453v0c-0.063-0.297 0.141-0.484 0.313-0.688 0.609-0.688 1.297-1.297 1.828-2.594-2.531-1.469-4.156-3.734-4.156-6.266 0-4.422 4.922-8 11-8s11 3.578 11 8zM28 16c0 2.547-1.625 4.797-4.156 6.266 0.531 1.297 1.219 1.906 1.828 2.594 0.172 0.203 0.375 0.391 0.313 0.688v0c-0.063 0.281-0.297 0.484-0.547 0.453-0.469-0.063-0.922-0.141-1.344-0.25-1.578-0.406-3.047-1.078-4.344-2-0.875 0.156-1.797 0.25-2.75 0.25-2.828 0-5.422-0.781-7.375-2.063 0.453 0.031 0.922 0.063 1.375 0.063 3.359 0 6.531-0.969 8.953-2.719 2.609-1.906 4.047-4.484 4.047-7.281 0-0.812-0.125-1.609-0.359-2.375 2.641 1.453 4.359 3.766 4.359 6.375z"></path>
</svg>
<h2> Help improve this page </h2>
<h2>このページを改善する</h2>
</header>
<div class="box-i">
<p>Please share your ideas, suggestions, or comments via e-mail to the publicly-archived
list <a href="mailto:public-agwg-comments@w3.org?subject=%5BUnderstanding%20and%20Techniques%20Feedback%5D">public-agwg-comments@w3.org@w3.org</a> or via GitHub
<p>あなたのアイデア、提案、又はコメントを、Google フォーム 又は GitHub で共有してください。
</p>
<div class="button-group"><a href="mailto:public-agwg-comments@w3.org?subject=%5BUnderstanding%20and%20Techniques%20Feedback%5D" class="button"><span>E-mail</span></a><a href="https://github.com/w3c/wcag/issues/" class="button"><span>Fork &amp; Edit on GitHub</span></a><a href="https://github.com/w3c/wcag/issues/new" class="button"><span>New GitHub Issue</span></a></div>
<div class="button-group"><a class="button" href="https://waic.jp/contact/" id="file-issue"><span>翻訳に関するお問い合わせ</span></a><a href="https://github.com/waic/wcag22/" class="button"><span>GitHub</span></a></div>
</div>
</aside>
</div>
@@ -1001,11 +996,13 @@ <h2> Help improve this page </h2>
Outreach Working Group (<a href="https://www.w3.org/groups/wg/eowg/participants">EOWG</a>) with contributions from Shadi Abou-Zahra, Steve Lee, and Shawn Lawton Henry as part
of the <a href="https://www.w3.org/WAI/about/projects/wai-guide/">WAI-Guide</a> project, co-funded by the European Commission.
</p>
<p>この文書は、2024 年 2 月 14 日付けの <a href="https://w3c.github.io/wcag/understanding/">Understanding WCAG 2.2</a> を、<a href="https://waic.jp/">ウェブアクセシビリティ基盤委員会 (WAIC)</a> の翻訳ワーキンググループが翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書は作業進行中です。また、あくまで参考情報であり、翻訳上の誤りが含まれていることがあります。
<p>この翻訳文書の利用条件については、<a href="https://waic.jp/license-for-translated-documents/">WAICが提供する翻訳文書のライセンス</a>をご覧ください。</p>
</div>
</footer>
<footer class="site-footer grid-4q" aria-label="Site">
<div class="q1-start q3-end about">
<div>
<!--div>
<p><a class="largelink" href="https://www.w3.org/WAI/" dir="auto" translate="no" lang="en">W3C Web Accessibility Initiative (WAI)</a></p>
<p>Strategies, standards, and supporting resources to make the Web accessible to people
with disabilities.
@@ -1027,13 +1024,13 @@ <h2> Help improve this page </h2>
</svg> YouTube</a></li>
<li><a href="https://www.w3.org/WAI/news/subscribe/" class="button">Get News in Email</a></li>
</ul>
</div>
</div-->
<div dir="auto" translate="no" lang="en">
<p>Copyright © 2024 World Wide Web Consortium (<a href="https://www.w3.org/">W3C</a><sup>®</sup>). See <a href="/WAI/about/using-wai-material/">Permission to Use WAI Material</a>.
</p>
</div>
</div>
<div dir="auto" translate="no" class="q4-start q4-end" lang="en">
<!--div dir="auto" translate="no" class="q4-start q4-end" lang="en">
<ul style="margin-bottom:0">
<li><a href="/WAI/about/contacting/">Contact WAI</a></li>
<li><a href="/WAI/sitemap/">Site Map</a></li>
@@ -1042,7 +1039,7 @@ <h2> Help improve this page </h2>
<li><a href="/WAI/translations/"> Translations</a></li>
<li><a href="/WAI/roles/">Resources for Roles</a></li>
</ul>
</div>
</div-->
</footer>
<link rel="stylesheet" href="../a11y-light.css" /><script src="../highlight.min.js"></script><script>
hljs.configure({
@@ -1063,8 +1060,10 @@ <h2> Help improve this page </h2>
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script><noscript>
</script>
<script src="https://waic.jp/docs/js/translation-contact.js"></script>
<!--noscript>
<p><img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328&amp;rec=1" style="border:0;" alt="" /></p>
</noscript>
</noscript-->
</body>
</html>