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

Jump to bottom

Contributors table accessibility japanese translation #776

Merged
merged 2 commits into from
May 3, 2020
Merged

Contributors table accessibility japanese translation #776

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bba27ae
Translation of contributors.html, table_of_contents.html, accessibili…
ksakae1216 May 3, 2020
e33fa04
Add website
ksakae1216 May 3, 2020
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
1 change: 1 addition & 0 deletions src/config/2019.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1110,6 +1110,7 @@
"translators"
],
"avatar_url": "https:\/\/avatars3.githubusercontent.com\/u\/1982567?v=4&s=200",
"website": "https:\/\/www.ksakae1216.com\/archive",
"github": "ksakae1216",
"twitter": "beltway7"
},
Expand Down
114 changes: 114 additions & 0 deletions src/templates/ja/2019/accessibility_statement.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
{% extends "base/2019/accessibility_statement.html" %}

{% block title %}アクセシビリティに関する声明 | HTTP ArchiveによるWeb Almanac{% endblock %}

{% block description %}Web Almanacのアクセシビリティの目標について説明します。{% endblock %}

{% block twitter_image_alt %}Web Almanacのアクセシビリティに関する声明{% endblock %}

{% block date_published %}2020-02-03T12:00:00+00:00:00{% endblock %}
{% block date_modified %}2020-02-03T12:00:00+00:00:00{% endblock %}

{% block breadcrumb_name_2 %}アクセシビリティに関する声明{% endblock %}

{% block index %}
<ul>
<li><a href="#overview">概要</a></li>
<li><a href="#measures">アクセシビリティへの対応策</a></li>
<li><a href="#conformance-status">適合状況</a></li>
<li><a href="#external-content">外部コンテンツ</a></li>
<li><a href="#compatibility">ブラウザや支援技術との互換性</a></li>
<li><a href="#technical-specifications">技術仕様</a></li>
<li><a href="#assessment-approach">評価アプローチ</a></li>
<li><a href="#feedback">フィードバック</a></li>
</ul>
{% endblock %}

{% block main_content %}
<section>
<h2 id="overview"><a href="#overview" class="anchor-link">概要</a></h2>

<p>
Web Almanacは、すべての人にデジタル・アクセシビリティを確保することをお約束します。私達は、すべての方のユーザー体験を継続的に改善し、関連するアクセシビリティ基準を適用しています。
</p>
</section>

<section>
<h2 id="measures"><a href="#measures" class="anchor-link">アクセシビリティへの対応策</a></h2>

<p>
Web Almanacでは、当サイトのアクセシビリティを確保するために、以下のような対策を講じています。
</p>
<ul>
<li>このウェブサイトの開発の一環として、アクセシビリティを考慮してください。</li>
<li>使えるツールがあれば何でもいいので、アクセシビリティの見直しをしましょう。</li>
<li>アクセシビリティの問題について透明性を保つ<a href="https://github.com/HTTPArchive/almanac.httparchive.org/issues?utf8=%E2%9C%93&q=label%3AAccessibility+">GitHubのページ</a> 。</li>
<li>提起されたアクセシビリティの問題にタイムリーに対応します。</li>
<li>このアクセシビリティ・ステートメントを公開し、最新の状態に保つ。</li>
</ul>
</section>

<section>
<h2 id="conformance-status"><a href="#conformance-status" class="anchor-link">適合状況</a></h2>

<p>
<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">ウェブコンテンツアクセシビリティガイドライン(WCAG)</a>は、障害者のアクセシビリティを向上させるためのデザイナーや開発者の要件を定義しています。これは、3つのレベルの適合性を定義しています。レベルA、レベルAA、およびレベルAAAです。Web Almanacは、<a href="https://www.w3.org/WAI/WCAG21/">WCAG 2.1</a>レベルAAAに部分的に準拠しています。部分的に適合しているとは、コンテンツの一部がアクセシビリティ基準に完全に適合していないことを意味します。
</p>

<p>
私達は、ウェブサイトの完全な外部検証による監査を完了しておらず、また、スクリーンリーダーのユーザーによるレビューも受けていないので現在の状況に自信が持てないため、部分的に適合していると考えています。<a href="https://wave.webaim.org/">WAVEアクセシビリティツール</a>、<a href="https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/">Firefoxアクセシビリティインスペクター</a>、<a href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd" rel="nofollow">AXE Chromeプラグイン</a>など、多くのツールを使用してウェブサイトの全ページを監査しています。
</p>

<p>
Web Almanacの目的は、ウェブの状況に関する詳細な情報を提供することです。すべてのコンテンツが専門家でなくても読みやすいものであることを目指していますが、素材の性質上、一部の章や一部の指標を理解するのに必要な専門知識や技術的な理解度が、<a href="https://www.w3.org/WAI/WCAG21/quickref/#reading-level">WCAG 2.1レベルAAA読解レベルガイドライン</a>を満たしていない可能性があることを意味します。
</p>

<p>
また、一部のインタラクティブな視覚化にはGoogleシートを使用していますが、これもWCAGアクセシビリティ基準に準拠していない可能性があります。これらは<code>iframes</code>を介して読み込まれ、すべての図形に画像を提供していて、クライアントソフトウェアがこれをサポートしている場合のみ、インタラクティブな視覚化を表示します。ブラウザーを使用していて、インタラクティブな視覚化を表示したくない場合、章のいずれかに<code>?print</code>クエリパラメータを追加することで、<a href="./2019/accessibility?print">アクセシビリティの印刷モードで表示</a>できます。必要に応じて、この機能をより簡単に有効化できるようにすることもできますが、すべての視覚化には詳細なテキスト記述があるので、これは必要ないと考えています。<a href="https://github.com/HTTPArchive/almanac.httparchive.org/issues">間違っていたらお知らせください</a>。
</p>

<p>
また、一部の章では、YouTubeの動画やPDFリンク、他の記事へのリンクなど、WCAG 2.1レベルAAAで要求される厳しい基準を満たさない、自分たちで作成したもの以外のコンテンツをサイト上に掲載しています。外部コンテンツについては、以下の注意事項を参照してください。
</p>

<h2 id="external-content"><a href="#external-content" class="anchor-link">外部コンテンツ</a></h2>

<p>
多くの章では、私たちの管理下になく、私たちが達成した高いレベルの適合性を満たしていない他のコンテンツ（動画、PDF、記事）にリンクしています。可能であれば、閲覧されているページと同じ言語で記事へのリンクを提供しますが、常に可能とは限りません。
</p>

<h2 id="compatibility"><a href="#compatibility" class="anchor-link">ブラウザや支援技術との互換性</a></h2>

<p>
Web Almanacは、可能な限り多くのブラウザや支援技術と互換性があるように設計されています。このウェブサイトは進歩的な方法で構築されており、私たちが使用しているすべての最新のブラウザ機能をサポートしていなくても十分な機能を備えていますが、Chrome、Safari、Firefox、Edgeなどの最新バージョンのブラウザを使用していない場合、ビジュアルの劣化や一部の機能（インタラクティブなビジュアル、コメント数など）の不足に気づくことがあります。
</p>

<p>
現時点では、支援技術のハードウェアやソフトウェアのテストは完了していませんが、上述のようなツールを使用して、これらのデバイスの問題に対処しようとしています。
</p>
</section>

<section>
<h2 id="technical-specifications"><a href="#technical-specifications" class="anchor-link">技術仕様</a></h2>

<p>
このウェブサイトは、<a href="https://www.w3.org/WAI/standards-guidelines/aria/">WAI-ARIA</a>を含む、よく構造化されたセマンティックなHTMLに基づいて構築されており、スタイリングにはCSSを使用し、一部のインタラクティブなコンポーネントには限定的なJavaScriptを使用しています。このウェブサイトは、IE 11などの古いブラウザではサポートされていないCSS Grid、Fetch、WOFF2フォントなどの最新の開発手法を利用しています。ウェブサイトはこれらのブラウザではまだ完全に機能していますが、視覚的に魅力的ではないかもしれません。ウェブサイトを表示するために余分なプラグインやライブラリは必要ありません。
</p>
</section>

<section>
<h2 id="assessment-approach"><a href="#assessment-approach" class="anchor-link">評価アプローチ</a></h2>

<p>
自己評価：コンテンツの評価は、Web Almanacチームが独自の専門知識と、<a href="https://wave.webaim.org/">WAVEアクセシビリティツール</a>、<a href="https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/">Firefoxアクセシビリティインスペクター</a>、<a href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd" rel="nofollow">AXE Chromeプラグイン</a>などの多くのツールを使用して行いました。
</p>
</section>

<section>
<h2 id="feedback"><a href="#feedback" class="anchor-link">フィードバック</a></h2>

<p>
このウェブサイトのアクセシビリティに関するフィードバックを歓迎します。<a href="https://github.com/HTTPArchive/almanac.httparchive.org/issues">GitHub</a>で問題を提起するか、<a href="mailto:team@httparchive.org">team@httparchive.org</a>までメールでお問い合わせください。また、直接貢献したい方のプルリクエストも歓迎します。Web Almanacはボランティアによって運営されているコミュニティベースのプロジェクトであるため、フィードバックへの回答の期限を保証するものではありませんが、可能な限り速やかに対応します。
</p>
</section>
{% endblock %}
8 changes: 4 additions & 4 deletions src/templates/ja/2019/contributors.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@

{% block title %}2019 貢献者 | HTTP ArchiveによるWeb Almanac{% endblock %}

{% block description %}The {{ config.contributors.items() | length }} people who contributed to the 2019 Web Almanac as Analysts, Authors, Brainstormers, Designers, Developers, Editors, Reviewers and Translators.{% endblock %}
{% block description %}The {{ config.contributors.items() | length }} アナリスト、著者、ブレインストーマー、デザイナー、開発者、編集者、レビュアー、翻訳者として2019年のWeb Almanacに貢献した人々。{% endblock %}

{% block date_published %}2019-11-04T12:00:00+00:00:00{% endblock %}
{% block date_modified %}2019-11-04T12:00:00+00:00:00{% endblock %}

{% block breadcrumb_name_2 %}{{ year }} 貢献者{% endblock %}

{% block filter_by_team %}Filter by team: <span id="filtered-contributors">{{ self.contributors() }}</span><span id="contributors-total-text" class="hidden"> of <span id="contributors-total">{{ config.contributors.items() | length }}</span></span> contributors.{% endblock %}
{% block filter_by_team %}チームでフィルタリング： <span id="filtered-contributors">{{ self.contributors() }}</span><span id="contributors-total-text" class="hidden"> の <span id="contributors-total">{{ config.contributors.items() | length }}</span></span> 貢献者。{% endblock %}

{% block join_the_team_title%}Join the Web Almanac team{% endblock %}
{% block join_the_team_text%}Join the team!{% endblock %}
{% block join_the_team_title%}Web Almanacチームに参加しましょう{% endblock %}
{% block join_the_team_text%}チームに参加しよう！{% endblock %}
20 changes: 10 additions & 10 deletions src/templates/ja/2019/table_of_contents.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
{% extends "base/2019/table_of_contents.html" %}

{% block title %}Table of Contents | Web Almanac 2019{% endblock %}
{% block title %}目次 | Web Almanac 2019{% endblock %}

{% block description %}Table of Contents for the 2019 Web Almanac, listing each section: Page Contents, User Experience, Content Publishing, Content Distribution.{% endblock %}
{% block description %}2019年版Web Almanacの目次、各セクションを一覧表示しています。ページコンテンツ、ユーザー体験、コンテンツ公開、コンテンツ配信。{% endblock %}

{% block twitter_image_alt %}{{ year }} Web Almanac methodology{% endblock %}
{% block twitter_image_alt %}{{ year }} Web Almanac方法論{% endblock %}

{% block date_published %}2019-11-04T12:00:00+00:00:00{% endblock %}
{% block date_modified %}2019-11-04T12:00:00+00:00:00{% endblock %}

{% block breadcrumb_name_2 %}{{ year }} Table of Contents{% endblock %}
{% block breadcrumb_name_2 %}{{ year }} 目次{% endblock %}

{% block foreward %}
<h2>Foreword</h2>
<h2>序章</h2>

<p>
The open web is an amazingly complex, evolving network of technologies. Entire industries and careers are built on the web and depend on its vibrant ecosystem to succeed. As critical as the web is, understanding how it's doing has been surprisingly elusive. Since 2010, the mission of the HTTP Archive project has been to track how the web is built, and it's been doing an amazing job of it. However, there has been one gap that has been especially challenging to close: bringing meaning to the data that the HTTP Archive project has been collecting and enabling the community to easily understand how the web is performing. That's where the Web Almanac comes in.
オープンウェブは、驚くほど複雑で進化するテクノロジーのネットワークです。あらゆる産業やキャリアはウェブの上に構築されており、成功するためにはウェブの活気あるエコシステムに依存しています。ウェブが非常に重要であるにもかかわらず、ウェブがどのように機能しているかを理解することは、驚くほど難しいものでした。2010年以来、HTTP Archiveプロジェクトの使命は、ウェブがどのように構築されているかを追跡することであり、それは素晴らしい仕事をしてきました。それは、HTTP Archiveプロジェクトが収集してきたデータに意味を持たせ、コミュニティがウェブのパフォーマンスを簡単に理解できるようにすることです。そこでWeb Almanacの出番です。
</p>

<p>
The mission of the Web Almanac is to take the treasure trove of insights that would otherwise be accessible only to intrepid data miners, and package it up in a way that's easy to understand. This is made possible with the help of industry experts who can make sense of the data and tell us what it means. Each of the 20 chapters in the Web Almanac focuses on a specific aspect of the web, and each one has been authored and peer reviewed by experts in their field. The strength of the Web Almanac flows directly from the expertise of the people who write it.
Web Almanacの使命は、データを掘り起こす勇気のある人しかアクセスできないような洞察の宝庫を、理解しやすい形でパッケージ化することにあります。これは、データの意味を理解し、それが何を意味するのかを教えてくれる業界の専門家の助けを借りて可能にしたものです。Web Almanacの20の章はそれぞれ、ウェブの特定の側面に焦点を当てており、各章はそれぞれの分野の専門家によって執筆され、レビューを受けています。Web Almanacの強みは、執筆者の専門知識から生まれます。
</p>

<p>
Many of the findings in the Web Almanac are worthy of celebration, but it's also an important reminder of the work still required to deliver high-quality user experiences. The data-driven analyses in each chapter are a form of accountability we all share for developing a better web. It's not about shaming those that are getting it wrong, but about shining a guiding light on the path of best practices so there is a clear, right way to do things. With the continued help of the web community, we hope to make this an annual tradition, so each year we can track our progress and make course corrections as needed.
Web Almanacに掲載されている調査結果の多くは、賞賛に値するものですが、高品質のユーザー体験を提供するためには、まだまだ必要な作業があることを思い出させてくれる重要なものでもあります。各章のデータに基づいた分析は、より良いWebを開発するために私たちが共有している説明責任の一形態です。それは、間違ったやり方をしている人たちを非難することではなく、ベストプラクティスの道筋に光を当てることで、明確で正しいやり方があることを示しています。ウェブコミュニティの継続的な支援を得て、これを毎年の恒例行事にしたいと考えています。
</p>

<p>
There is so much to learn in this report, so start exploring and share your takeaways with the community so we can collectively advance our understanding of the state of the web.
このレポートには学ぶべきことがたくさんありますので、あなたが得たものをコミュニティで共有することで、ウェブの状態についての理解を深めることができます。
</p>

<p>— <em><a href="{{ url_for('contributors', year=year, lang=lang, _anchor='rviscomi') }}">Rick Viscomi</a>, creator of the Web Almanac</em></p>
<p>— <em><a href="{{ url_for('contributors', year=year, lang=lang, _anchor='rviscomi') }}">Rick Viscomi</a>、Web Almanacの作成者。</em></p>
{% endblock %}

{% block appendix %}Appendix{% endblock %}