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: 判別可能 の翻訳 #329

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Understanding 1.4: 判別可能 の翻訳 #329

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
80845ef
ヘッダー、フッターの移植
caztcha Sep 20, 2024
4016375
既存訳の移植。
caztcha Sep 20, 2024
cbedc28
追加修正
caztcha Jan 7, 2025
cbf9dd6
Merge branch 'main' into tsuchiya-edit-understanding1.4
caztcha Jan 7, 2025
c659539
h1 の翻訳。一時的なスクリプトおよび注記の削除。
caztcha Jan 7, 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
97 changes: 44 additions & 53 deletions understanding/distinguishable.html
View file
Open in desktop
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 Guideline 1.4: Distinguishable | WAI | W3C</title>
<title>解説書 ガイドライン 1.4: 判別可能 | 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>
Expand All @@ -37,13 +35,13 @@
<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="adaptable">
<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 Guideline: Adaptable</a></li>
<li class="nav__item"><a href="keyboard-accessible">Next Guideline: Keyboard Accessible
</svg>前のガイドライン: 適応可能</a></li>
<li class="nav__item"><a href="keyboard-accessible">次のガイドライン: キーボード操作可能
<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>
Expand All @@ -54,62 +52,52 @@
<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="#intent">Intent</a></li>
<li><a href="#success-criteria">Success Criteria</a></li>
<li><a href="#intent">意図</a></li>
<li><a href="#success-criteria">達成基準</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
Guideline 1.4:</span>Distinguishable
<h1><span class="standalone-resource__type-of-guidance">解説書
ガイドライン 1.4:</span>判別可能

</h1>
<aside class="box">
<header class="box-h box-h-icon">Guideline </header>
<header class="box-h box-h-icon">ガイドライン</header>
<div class="box-i">
<p>Make it easier for users to see and hear content including separating foreground from
background.
<p>コンテンツを、利用者にとって見やすく、聞きやすいものにすること。これには、前景と背景を区別することも含む。

</p>
</div>
</aside>
<div class="excol-all"></div>
<section id="intent">
<h2>Intent</h2>
<p>While some guidelines are focused on making information available in a form that can
be presented in alternate formats, this guideline is concerned with making the default
presentation as easy to perceive as possible to people with disabilities. The primary
focus is on making it easier for users to separate foreground information from the
background. For visual presentations this involves making sure that information presented
on top of a background contrasts sufficiently with the background. For audio presentations
this involves making sure that foreground sounds are sufficiently louder than the
background sounds. Individuals with visual and hearing disabilities have much greater
difficulty separating foreground and background information.
<h2>意図</h2>
<p>いくつかのガイドラインは、代替フォーマットで提示できる形式で情報を利用できるようにすることに焦点をあわせているが、このガイドラインは、デフォルトの提示を障害のある利用者にとってできる限り知覚しやすくすることに関心がある。利用者が前景の情報と背景とを区別しやすくすることに主な焦点を置いている。視覚による提示の場合は、これは背景の上に提示されている情報とその背景とのコントラストを十分に確保しているかどうかを確認することを意味する。音声による提示の場合は、これは前景音が背景音よりも十分に大きいかどうかを確認することを意味する。視覚及び聴覚に障害のある利用者は、前景と背景の情報を区別することがはるかに困難である。

</p>
</section>
<section id="success-criteria">
<h2>Success Criteria for this Guideline</h2>
<h2>このガイドラインの達成基準</h2>
<ul>
<li><a href="use-of-color">1.4.1 Use of Color</a></li>
<li><a href="audio-control">1.4.2 Audio Control</a></li>
<li><a href="contrast-minimum">1.4.3 Contrast (Minimum)</a></li>
<li><a href="resize-text">1.4.4 Resize Text</a></li>
<li><a href="images-of-text">1.4.5 Images of Text</a></li>
<li><a href="contrast-enhanced">1.4.6 Contrast (Enhanced)</a></li>
<li><a href="low-or-no-background-audio">1.4.7 Low or No Background Audio</a></li>
<li><a href="visual-presentation">1.4.8 Visual Presentation</a></li>
<li><a href="images-of-text-no-exception">1.4.9 Images of Text (No Exception)</a></li>
<li><a href="reflow">1.4.10 Reflow</a></li>
<li><a href="non-text-contrast">1.4.11 Non-text Contrast</a></li>
<li><a href="text-spacing">1.4.12 Text Spacing</a></li>
<li><a href="content-on-hover-or-focus">1.4.13 Content on Hover or Focus</a></li>
<li><a href="use-of-color">1.4.1 色の使用</a></li>
<li><a href="audio-control">1.4.2 音声の制御</a></li>
<li><a href="contrast-minimum">1.4.3 コントラスト (最低限)</a></li>
<li><a href="resize-text">1.4.4 テキストのサイズ変更</a></li>
<li><a href="images-of-text">1.4.5 文字画像</a></li>
<li><a href="contrast-enhanced">1.4.6 コントラスト (高度)</a></li>
<li><a href="low-or-no-background-audio">1.4.7 小さな背景音、又は背景音なし</a></li>
<li><a href="visual-presentation">1.4.8 視覚的提示</a></li>
<li><a href="images-of-text-no-exception">1.4.9 文字画像 (例外なし)</a></li>
<li><a href="reflow">1.4.10 リフロー</a></li>
<li><a href="non-text-contrast">1.4.11 非テキストのコントラスト</a></li>
<li><a href="text-spacing">1.4.12 テキストの間隔</a></li>
<li><a href="content-on-hover-or-focus">1.4.13 ホバー又はフォーカスで表示されるコンテンツ</a></li>
</ul>
</section><a class="button button-backtotop" href="#top"><span>
<svg focusable="false" aria-hidden="true" class="icon-arrow-up " viewBox="0 0 26 28">
Expand All @@ -121,13 +109,12 @@ <h2>Success Criteria for this Guideline</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:[email protected]?subject=%5BUnderstanding%20and%20Techniques%20Feedback%5D">[email protected]@w3.org</a> or via GitHub
<p>あなたのアイデア、提案、又はコメントを、Google フォーム 又は GitHub で共有してください。
</p>
<div class="button-group"><a href="mailto:[email protected]?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>
Expand All @@ -142,11 +129,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.
Expand All @@ -168,13 +157,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>
Expand All @@ -183,7 +172,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({
Expand All @@ -204,8 +193,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>