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.

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.3: コントラスト (最低限) の翻訳 #361

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

Conversation

caztcha
Copy link
Contributor

@caztcha caztcha commented Jan 9, 2025

@caztcha caztcha added the 解説書 Understanding WCAG 2.2の翻訳(2024-02-14) label Jan 9, 2025
@caztcha caztcha self-assigned this Jan 9, 2025
@caztcha caztcha changed the title Understanding 1.4.3: 1.4.3: コントラスト (最低限) の翻訳 Understanding 1.4.3: コントラスト (最低限) の翻訳 Jan 9, 2025
@caztcha
Copy link
Contributor Author

caztcha commented Jan 10, 2025

@momdo レビューをよろしくお願いします。
「意図」にそれなりの差分があるため、訳を調整してあります。

@caztcha caztcha requested a review from momdo January 10, 2025 08:29
Copy link
Member

@momdo momdo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@caztcha
ありがとうございます。何気に更新量が多いですね…
いくつかコメントしましたのでご確認ください。

<dt>Why it's important</dt>
<dd>Some people cannot read faint text. </dd>
<dt>なぜそれが重要か</dt>
<dd>淡い色のテキストを読むことができない人がいる。</dd>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

JIS原案作成のための手引に厳密に従うのであれば、

(色の)うすい
(厚さが)薄い
★ “薄”は,“厚”の反対の語として用い,“濃”の反対語は“淡”だが,平仮名で“うすい”(JIS Z 8110)とする。

だそうな…。

its background, so that it can be read by people with moderately low vision or impaired
contrast perception, without the use of contrast-enhancing assistive technology.
<h2>意図</h2>
<p>この達成基準の意図は、コントラストを強化する支援技術を使用しなくても、中度のロービジョンの人やコントラスト知覚に障害のある人がテキストを読めるように、テキストとその背景の間に十分なコントラストを提供することである。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<p>この達成基準の意図は、コントラストを強化する支援技術を使用しなくても、中度のロービジョンの人やコントラスト知覚に障害のある人がテキストを読めるように、テキストとその背景の間に十分なコントラストを提供することである。
<p>この達成基準の意図は、コントラストを強化する支援技術を使用しなくても、中度のロービジョンの人又はコントラスト知覚に障害のある人がテキストを読めるように、テキストとその背景の間に十分なコントラストを提供することである。

Therefore, in the recommendation, contrast is calculated in such a way that color
(hue) is not a key factor.

<p>視覚的なコンテンツを利用するすべての人にとって、可読性をよくするためには、テキストとその背景の間の相対輝度に適切な明暗のコントラストが必要となる。多様な視覚障害がコントラストの感度に大きく影響することから、色 (色相) の種類に関わらず、より高い明暗のコントラストが求められる。特定の色合いを識別できない人 (しばしば<q>色盲</q>と呼ばれる) にとって、色相と彩度は、読解力の評価において、読みやすさにほとんど又はまったく影響しない。さらに、特定の色合いの識別ができなくても、明暗のコントラストの知覚に悪影響を与えることはない。したがって、WCAG の勧告では、コントラストは色 (色相) が重要な要素にならないように計算されている。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「色盲」は避けておきましょうか…ついでにいろいろこねくり回してみましたが下記はどうでしょうか…?

Suggested change
<p>視覚的なコンテンツを利用するすべての人にとって、可読性をよくするためには、テキストとその背景の間の相対輝度に適切な明暗のコントラストが必要となる。多様な視覚障害がコントラストの感度に大きく影響することから、色 (色相) の種類に関わらず、より高い明暗のコントラストが求められる。特定の色合いを識別できない人 (しばしば<q>色盲</q>と呼ばれる) にとって、色相と彩度は、読解力の評価において、読みやすさにほとんど又はまったく影響しない。さらに、特定の色合いの識別ができなくても、明暗のコントラストの知覚に悪影響を与えることはない。したがって、WCAG の勧告では、コントラストは色 (色相) が重要な要素にならないように計算されている
<p>視覚的なコンテンツを利用するすべての人にとって、可読性をよくするためには、テキストとその背景の相対輝度の間に適切な明暗のコントラストが必要となる。多様な視覚障害がコントラストの感度に大きく影響する可能性があり、色 (色相) に関係なく、より高い明暗のコントラストを必要とする。特定の色合いを区別できない人 (しばしば<q>色覚異常</q>と呼ばれる) にとって、色相と彩度は、読解力の評価において、読みやすさにほとんど又は全く影響しない。さらに、特定の色合いを区別できなくても、明暗のコントラストの知覚に悪影響を与えることはない。したがって、W3C の勧告では、 (色相) が重要な要素にならないようにコントラストは計算される

Success Criterion, refer to the foreground and background colors obtained from the
user agent, or the underlying
markup and stylesheets, rather than the text as presented on screen.
<p>フォントスムージング/アンチエイリアシングのユーザー設定をコンテンツ制作者はコントロールできないので、この達成基準を評価するときは、画面に表示されるテキストよりも、ユーザエージェントで取得できる、つまり基礎となるマークアップ及びスタイルシートから得られる、前景色と背景色を参照すること。
Copy link
Member

@momdo momdo Feb 15, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここにいじくり回してみました

Suggested change
<p>フォントスムージング/アンチエイリアシングのユーザー設定をコンテンツ制作者はコントロールできないので、この達成基準を評価するときは、画面に表示されるテキストよりも、ユーザエージェントで取得できる、つまり基礎となるマークアップ及びスタイルシートから得られる、前景色と背景色を参照すること
<p>コンテンツ制作者はフォントのスムージング/アンチエイリアシングのユーザ設定を制御できないので、この達成基準を評価するときは、画面に表示されるテキストではなく、ユーザエージェントから取得した前景色と背景色、つまり基礎となるマークアップ及びスタイルシート取得した色を参照すること

requirements
of this Success Criterion.

<p>アンチエイリアスが原因で、特に線の細いフォント又は特異なフォントは、ユーザエージェントによって、基礎となる CSS で定義された実際のテキストの色よりもずっと淡い色で表示されることがある。このため、テキストのコントラスト比が一応は達成基準を満たしていても、実際にはコントラストがかなり低いという状況が起こり得る。このような場合、ベストプラクティスは、コンテンツ制作者がより強く太い線を持つフォントを選ぶか、この達成基準の規範的要件を上回る前景色と背景色の組み合わせを目指すことであろう。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

anti-aliasingはアンチエイリアシングがアンチエイリアスのどっちかに揃えましょう(とりあえず前者に揃えました)
ほかにもいじくり回してみましたが、こんな感じ…?

Suggested change
<p>アンチエイリアスが原因で、特に線の細いフォント又は特異なフォントは、ユーザエージェントによって、基礎となる CSS で定義された実際のテキストの色よりもずっと淡い色で表示されることがある。このため、テキストのコントラスト比が一応は達成基準を満たしていても、実際にはコントラストがかなり低いという状況が起こり得る。このような場合、ベストプラクティスは、コンテンツ制作者がより強く太い線を持つフォントを選ぶか、この達成基準の規範的要件を上回る前景色と背景色の組み合わせを目指すことであろう
<p>アンチエイリアシングが原因で、特に線の細いフォント又は特異なフォントは、ユーザエージェントによって、基礎となる CSS で定義された実際のテキストの色よりもずっとうすい色でレンダリングされることがある。このため、テキストのコントラスト比が名目上は達成基準を満たしていても、実際にはコントラストがかなり低いという状況が起こり得る。このような場合、ベストプラクティスは、コンテンツ制作者がより強く太い線を持つフォントを選ぶか、この達成基準の規範的要件を上回る前景色と背景色の組み合わせを目指すことである

that could be chosen may have contrast levels that will be lower than those those
specified here. This is not a violation of this Success Criterion, provided
there is a mechanism that will return to the required values set out here.
<p>認知の障害のある利用者は、低いコントラストの色の組み合わせ又は色相を必要とすることがある。そのため、コンテンツ制作者にコンテンツの前景色と背景色を調節するメカニズムを提供することを認め、それを推奨する。選択可能な組み合わせの中には、ここで指定されているより低いレベルのコントラストがあってもよい。ここで要求されている指定値に戻すことができるメカニズムが提供されていれば、その場合はこの達成基準に反していることにはならない。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

少し触って見ましたがどうでしょう

Suggested change
<p>認知の障害のある利用者は、低いコントラストの色の組み合わせ又は色相を必要とすることがある。そのため、コンテンツ制作者にコンテンツの前景色と背景色を調節するメカニズムを提供することを認め、それを推奨する。選択可能な組み合わせの中には、ここで指定されているより低いレベルのコントラストがあってもよい。ここで要求されている指定値に戻すことができるメカニズムが提供されていれば、その場合はこの達成基準に反していることにはならない
<p>認知の障害のある人の中には、コントラストの低い色の組み合わせ又は色相を必要とすることがある。そのため、コンテンツ制作者にコンテンツの前景色と背景色を調節するメカニズムを提供することを認め、それを推奨する。選択可能な組み合わせの中には、ここで指定されているより低いレベルのコントラストがあってもよい。ここで要求されている指定値に戻すことができるメカニズムが提供されていれば、この達成基準に反していることにはならない

interface component is visible but not currently operable. An example would be a submit
button at the bottom of a form that is visible but cannot be activated until all the
required fields in the form are completed.
<p>利用者が操作に使用できないユーザインタフェース コンポーネント (例: HTML で disabled になっているコントロール) は、コントラスト要件を満たす必要はない。アクティブではないユーザインタフェース コンポーネントは、視認できてもその時点では操作ができない。例としては、フォームの下部にある送信ボタンが挙げられる。このボタンは視認できるが、フォーム内のすべての必須フィールドが入力されるまでアクティブ化できない。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「視認」でいいのかどうか難しいところですが、とりあえずママにしておきますか…

Suggested change
<p>利用者が操作に使用できないユーザインタフェース コンポーネント (例: HTML で disabled になっているコントロール) は、コントラスト要件を満たす必要はない。アクティブではないユーザインタフェース コンポーネントは、視認できてもその時点では操作ができない。例としては、フォームの下部にある送信ボタンが挙げられる。このボタンは視認できるが、フォーム内のすべての必須フィールドが入力されるまでアクティブ化できない
<p>利用者が操作に使用できないユーザインタフェース コンポーネント (例: HTML で disabled になっているコントロール) は、コントラスト要件を満たす必要はない。アクティブではないユーザインタフェース コンポーネントは、視認できてもその時点では操作ができない。例としては、フォームの下部にある送信ボタンが挙げられる。このボタンは視認できるが、フォーム内の全ての必須フィールドが入力されるまでアクティブ化できない

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
解説書 Understanding WCAG 2.2の翻訳(2024-02-14)
Projects
Development

Successfully merging this pull request may close these issues.

解説書:1.4.3: コントラスト (最低限)を理解する
2 participants