Skip to content

Commit

Permalink
fix typo accessibility translation in Japanese (#1064)
Browse files Browse the repository at this point in the history
  • Loading branch information
masuP9 authored Jul 20, 2020
1 parent 2fee83a commit 1e110bc
Show file tree
Hide file tree
Showing 6 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion src/content/ja/2019/cms.md
Original file line number Diff line number Diff line change
Expand Up @@ -492,7 +492,7 @@ CMS領域のFIDは一般的に、デスクトップとモバイルの両方で
<figcaption id="fig21-caption">図21. CMSごとの灯台PWAカテゴリスコアの中央値。</figcaption>
</figure>

#### アクセンシビリティ
#### アクセシビリティ

アクセシブルなウェブサイトとは、障害者が利用できるように設計・開発されたサイトのことです。Lighthouseは、一連のアクセシビリティ監査を提供し、それらすべての監査の加重平均を返します(各監査の加重方法の完全なリストについては、[スコアリングの詳細](https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx107o5nj38Eo/edit#gid=1567011065)を参照してください)。

Expand Down
2 changes: 1 addition & 1 deletion src/content/ja/2019/media.md
Original file line number Diff line number Diff line change
Expand Up @@ -341,7 +341,7 @@ Lighthouseの監査では、質の高いプレースホルダーを使用する

2019年8月、Chrome76では`<img loading="lazy">`を使用したマークアップベースの遅延ローディングのサポートが開始されました。2019年のWeb Almanacに使用されたウェブサイトのスナップショットは2019年7月のデータを使用していますが、2,509以上のウェブサイトがすでにこの機能を利用していました。

### アクセンシビリティ
### アクセシビリティ

画像アクセシビリティの中心にあるのは `alt` タグです。画像に `alt` タグが追加されると、このテキストは画像を見ることができない(障害のある、インターネット接続が悪いのいずれかの理由で)ユーザーに画像を説明するために使用されます。

Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/cms.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
</li>

<li>
<a href="#アクセンシビリティ">アクセンシビリティ</a>
<a href="#アクセシビリティ">アクセシビリティ</a>
</li>
</ul>
</li>
Expand Down Expand Up @@ -522,7 +522,7 @@ <h4 id="pwa"><a href="#pwa" class="anchor-link">PWA</a></h4>
<div id="fig21-description" class="visually-hidden">CMSごとのLighthouse PWAスコアの中央値を示す棒グラフ。WordPressサイトのスコア中央値は0.33です。次の5つのCMS(Joomla、Drupal、Wix、Squarespace、1C-Bitrix)のスコア中央値はすべて0.3です。PWAのスコアがトップのCMSは、Jimdoが0.56、TYPO3が0.41となっています。</div>
<figcaption id="fig21-caption"><a href="#fig-21" class="anchor-link">図 21.</a> CMSごとの灯台PWAカテゴリスコアの中央値。</figcaption>
</figure>
<h4 id="アクセンシビリティ"><a href="#アクセンシビリティ" class="anchor-link">アクセンシビリティ</a></h4>
<h4 id="アクセシビリティ"><a href="#アクセシビリティ" class="anchor-link">アクセシビリティ</a></h4>
<p>アクセシブルなウェブサイトとは、障害者が利用できるように設計・開発されたサイトのことです。Lighthouseは、一連のアクセシビリティ監査を提供し、それらすべての監査の加重平均を返します(各監査の加重方法の完全なリストについては、<a href="https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx107o5nj38Eo/edit#gid=1567011065">スコアリングの詳細</a>を参照してください)。</p>
<p>各アクセシビリティ監査は合格か、不合格かですが他のLighthouseの監査とは異なり、アクセシビリティ監査に部分的に合格してもページはポイントをもらえません。例えば、いくつかの要素がスクリーンリーダーに優しい名前を持っていて他の要素がそうでない場合、そのページは<em>screenreader-friendly-names</em>監査で0点を獲得します。</p>
<figure id="fig-22">
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/media.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
</li>

<li>
<a href="#アクセンシビリティ">アクセンシビリティ</a>
<a href="#アクセシビリティ">アクセシビリティ</a>
</li>
</ul>
</li>
Expand Down Expand Up @@ -460,7 +460,7 @@ <h3 id="遅延ローディング"><a href="#遅延ローディング" class="anc
<p>Lighthouseの監査では、質の高いプレースホルダーを使用するなど、油断できない状況がいくつもあるため、臭いを嗅ぎ分けてくれます。</p>
<p>遅延ローディングはIntersection Observers、Resize Observersの組み合わせを含め<a href="https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video">実装可能</a> です、または<a href="https://github.com/aFarkas/lazysizes">lazySizes</a><a href="https://github.com/ApoorvSaxena/lozad.js">lozad</a>などのJavaScriptライブラリの使用などさまざまな方法で実装できます。</p>
<p>2019年8月、Chrome76では<code>&lt;img loading="lazy"&gt;</code>を使用したマークアップベースの遅延ローディングのサポートが開始されました。2019年のWeb Almanacに使用されたウェブサイトのスナップショットは2019年7月のデータを使用していますが、2,509以上のウェブサイトがすでにこの機能を利用していました。</p>
<h3 id="アクセンシビリティ"><a href="#アクセンシビリティ" class="anchor-link">アクセンシビリティ</a></h3>
<h3 id="アクセシビリティ"><a href="#アクセシビリティ" class="anchor-link">アクセシビリティ</a></h3>
<p>画像アクセシビリティの中心にあるのは <code>alt</code> タグです。画像に <code>alt</code> タグが追加されると、このテキストは画像を見ることができない(障害のある、インターネット接続が悪いのいずれかの理由で)ユーザーに画像を説明するために使用されます。</p>
<p>データセットのHTMLファイルに含まれるすべての画像タグを検出できます。デスクトップでは1,300万個、モバイルでは1,500万個の画像タグのうち、91.6%の画像に<code>alt</code>タグが存在しています。一見すると、ウェブ上では画像のアクセシビリティは非常に良好な状態にあるように見えます。しかし、よく調べてみると、見通しはあまり良くありません。データセットに存在する<code>alt</code>タグの長さを調べると、<code>alt</code>タグの長さの中央値は6文字であることがわかります。これは空の<code>alt</code>タグ(<code>alt=""</code>のように見える)に対応する。6文字以上の長さの<code>alt</code>テキストを使用している画像は全体の39%にすぎない。実際の」<code>alt</code>テキストの中央値は31文字で、そのうち25文字が実際に画像を説明しています。</p>
<h2 id="動画"><a href="#動画" class="anchor-link">動画</a></h2>
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/ebook.html
Original file line number Diff line number Diff line change
Expand Up @@ -2079,7 +2079,7 @@ <h3 id="media-遅延ローディング"><a href="#media-遅延ローディング
>などのJavaScriptライブラリの使用などさまざまな方法で実装できます。
</p>
<p>2019年8月、Chrome76では<code>&lt;img&gt;</code>を使用したマークアップベースの遅延ローディングのサポートが開始されました。2019年のWeb Almanacに使用されたウェブサイトのスナップショットは2019年7月のデータを使用していますが、2,509以上のウェブサイトがすでにこの機能を利用していました。</p>
<h3 id="media-アクセンシビリティ"><a href="#media-アクセンシビリティ" class="anchor-link">アクセンシビリティ</a></h3>
<h3 id="media-アクセシビリティ"><a href="#media-アクセシビリティ" class="anchor-link">アクセシビリティ</a></h3>
<p>画像アクセシビリティの中心にあるのは <code>alt</code> タグです。画像に <code>alt</code> タグが追加されると、このテキストは画像を見ることができない(障害のある、インターネット接続が悪いのいずれかの理由で)ユーザーに画像を説明するために使用されます。</p>
<p>データセットのHTMLファイルに含まれるすべての画像タグを検出できます。デスクトップでは1,300万個、モバイルでは1,500万個の画像タグのうち、91.6%の画像に<code>alt</code>タグが存在しています。一見すると、ウェブ上では画像のアクセシビリティは非常に良好な状態にあるように見えます。しかし、よく調べてみると、見通しはあまり良くありません。データセットに存在する<code>alt</code>タグの長さを調べると、<code>alt</code>タグの長さの中央値は6文字であることがわかります。これは空の<code>alt</code>タグ(<code>alt=""</code>のように見える)に対応する。6文字以上の長さの<code>alt</code>テキストを使用している画像は全体の39%にすぎない。実際の」<code>alt</code>テキストの中央値は31文字で、そのうち25文字が実際に画像を説明しています。</p>
<h2 id="media-動画"><a href="#media-動画" class="anchor-link">動画</a></h2>
Expand Down Expand Up @@ -7252,7 +7252,7 @@ <h4 id="cms-pwa"><a href="#cms-pwa" class="anchor-link">PWA</a></h4>
<div id="cms-fig21-description" class="visually-hidden">CMSごとのLighthouse PWAスコアの中央値を示す棒グラフ。WordPressサイトのスコア中央値は0.33です。次の5つのCMS(Joomla、Drupal、Wix、Squarespace、1C-Bitrix)のスコア中央値はすべて0.3です。PWAのスコアがトップのCMSは、Jimdoが0.56、TYPO3が0.41となっています。</div>
<figcaption id="cms-fig21-caption"><a href="#cms-fig-21" class="anchor-link">図 21.</a> CMSごとの灯台PWAカテゴリスコアの中央値。</figcaption>
</figure>
<h4 id="cms-アクセンシビリティ"><a href="#cms-アクセンシビリティ" class="anchor-link">アクセンシビリティ</a></h4>
<h4 id="cms-アクセシビリティ"><a href="#cms-アクセシビリティ" class="anchor-link">アクセシビリティ</a></h4>
<p>
アクセシブルなウェブサイトとは、障害者が利用できるように設計・開発されたサイトのことです。Lighthouseは、一連のアクセシビリティ監査を提供し、それらすべての監査の加重平均を返します(各監査の加重方法の完全なリストについては、<a href="https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx107o5nj38Eo/edit#gid=1567011065">スコアリングの詳細<span class="fn">https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx107o5nj38Eo/edit#gid=1567011065</span></a
>を参照してください)。
Expand Down
2 changes: 1 addition & 1 deletion src/templates/ja/2019/featured_chapters.html
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
{%- set featured_chapter_quote = "Webの機能が向上し、より多くの機密データへのアクセスが可能になるにつれ、開発者が自社のアプリケーションを保護するためにWebセキュリティ機能を採用することがますます重要になってきています。この章で紹介するセキュリティ機能は、Webプラットフォーム自体に組み込まれた防御機能であり、すべてのWeb制作者が利用できます。" %}
{%- set featured_chapter_stats = {"stat1":"79%","label1":"HTTPSを使用しているサイト","stat2":"41%","label2":"TLSv1.3を使用しているサイト","stat3":"4.43%","label3":"CSPを使用しているサイト"} %}
{%- elif featured_chapter == "accessibility" %}
{%- set featured_chapter_name = "アクセンシビリティ" %}
{%- set featured_chapter_name = "アクセシビリティ" %}
{%- set featured_chapter_quote = "ウェブ上のアクセシビリティは、包括的で公平な社会にとって不可欠です。私たちの社会生活や仕事の多くがオンラインの世界に移行するにつれ、障害を持つ人々が障害なくすべてのオンライン上の交流に参加できることがさらに重要になってきています。建築家が車椅子用スロープなどのアクセシビリティ機能を作成したり省略したりできるように、ウェブ開発者はユーザーが利用する支援技術を支援したり、妨げたりすることができます。" %}
{%- set featured_chapter_stats = {"stat1":"22%","label1":"十分なカラーコントラストを使用しているサイト","stat2":"50%","label2":"画像のalt属性がないサイト","stat3":"14%","label3":"スキップリンクを使用しているサイト"} %}
{%- elif featured_chapter == "seo" %}
Expand Down

0 comments on commit 1e110bc

Please sign in to comment.