アクセシビリティについて

ウェブアクセシビリティ方針

誰もがいつでも、迷わず「書く」「読む」「応える」ができる状態を目指す

Amebaはこれまでもユーザーの生活に寄り添ってきました。

「人と情報をつむぎ 暮らしが豊かに育ちつづけるための機会をつくる。」をミッションに掲げ、ユーザーの「変化」にも寄り添っていきます。

今利用しているユーザーが歳をとっても、怪我や眼鏡を忘れてしまったときにも、ユーザーが日々遭遇するあらゆる環境や状況の変化が障害になるデザインであってはいけません。

アクセシビリティを高めると、障害者や高齢者、子どもも含めた誰もが使えるようになります。

そしてそれは、いつでも使いやすいにつながります。 Amebaはミッションの追求のために「誰もがいつでも、迷わずコンテンツを楽しむことができる」サービスを目指し、これからもアクセシビリティの向上に取り組みつづけていきます。

アクセシビリティを高める手段として、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ」に対応することを一つの目標としています。そのためにAmebaで独自にAmeba Accessibility Guidelinesを策定し、アクセシビリティの向上に取り組んでいます。

対象範囲

• ・https://hama-sush-jp.pro/ 配下のページ
• ・https://blog.ameba.jp/ 配下のページ

ブログデザイン・レイアウトについて

Amebaブログには多数のデザインを適用する機能があります（ブログデザイン）。また、パソコン向けブログデザインには、自由にCSSを編集できるものもあります。そのため本方針では、ブログを作成した時の初期デザインである「シンプルスタンダード」を適用した、各レイアウトを対象とします。

パソコン

• ・スタンダードレイアウト
• ・タイルレイアウト
• ・リストレイアウト

スマートフォン

• ・スタンダードレイアウト
• ・ワイドレイアウト
• ・サムネ無しレイアウト

関連リンク

• ・Amebaヘルプ｜ブログデザインを変更するには（スマートフォン)
• ・Amebaヘルプ｜ブログデザインをカスタマイズしたいです

例外事項

• ・ユーザーが作成するコンテンツ
  （記事、フリースペース、フリープラグイン、メッセージボード）
• ・広告、外部プラグインなどの、第三者から提供されるコンテンツ
• ・上記「シンプルスタンダード」デザイン以外のブログデザイン適用時の各コンテンツ

目標とする適合レベル及び対応度

JIS X 8341-3:2016のレベルAに準拠

本方針、また試験結果における「準拠」という表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による「ウェブコンテンツのJIS X8341-3:2016対応度表記ガイドライン2016年3月版」で定められた表記によるものです。

追加する達成基準

• ・1.4.3 コントラスト（最低限レベル）の達成基準（AA）
• ・2.1.4 文字キーのショートカットの達成基準（A）
• ・2.4.7 フォーカスの可視化の達成基準（AA）
• ・2.4.11 隠されないフォーカス（最低限）の達成基準（AA）
• ・2.5.2 ポインタのキャンセルの達成基準（A）
• ・2.5.3 ラベルを含む名前の達成基準（A）
• ・2.5.8 ターゲットのサイズ（最低限）の達成基準（AA）
• ・3.2.6 一貫したヘルプの達成基準（A）
• ・3.3.7 冗長な入力項目の達成基準（A）

担当部署名

AmebaLIFE事業本部

ご意見・ご要望などございましたら、以下の窓口よりお問い合わせください。
Amebaヘルプ｜お問い合わせ

ウェブアクセシビリティ試験結果

2025年8月から2026年5月に実施したJIS X 8341-3:2016「附属書 JB（参考）試験方法」に基づいた試験結果です。過去の試験結果は2021年度のウェブアクセシビリティ試験結果をご覧ください。

達成基準チェックリスト

達成基準に該当するコンテンツが対象範囲内にある場合は「適用」、ない場合は「-」と表記しています。 適用かつ達成基準を満たしている場合は「適合」、満たしていない場合は「不適合」と表記しています。

達成基準の事例と対応策

2025年8月から2026年5月に実施した試験において、代表的な事例の具体的な内容とその対応策を示します。記載されている内容は順次対応を進めています。

1.1.1 非テキストコンテンツの達成基準

事例1: ページ送りボタンのアイコンへの代替テキストの漏れ

対象ページ	https://hama-sush-jp.pro/ameba-accessibility/entry-12567449306.html（パソコンで閲覧時）
内容	記事本文の上に表示される前後の記事へのページ送りが「＜」「＞」のアイコンだけで実装されており、前の記事・次の記事へのリンクであることを伝える代替テキストがなかった
対応	「前の記事へ」「次の記事へ」の代替テキストを設定する（修正済み）

1.3.1 情報及び関係性の達成基準

事例1: 表のキャプションを列見出しで表現

対象ページ	全てのページ（パソコンで閲覧時）
内容	カレンダーの表で、表示している年月と前後の月へのリンクを含む行が、列見出し（th 要素）で実装されていた
対応	年月の表示には caption 要素を使用し、列見出しは曜日の行のみとする

1.4.3 コントラスト（最低限レベル）の達成基準

事例1: 見出しとボタンの文字色・背景色のコントラストが低い

対象ページ	全てのページ（スマートフォンで閲覧時）
内容	フォロー後に表示される「こちらもおすすめ」の見出しの文字色と背景色のコントラスト比が 4.5:1 以下、閉じるボタンのアイコンと背景色のコントラスト比が 3:1 以下だった
対応	デザインシステム Spindle の色に置き換え、コントラスト比の向上を行う

事例2: ランキング表示の文字色と背景色のコントラストが低い

対象ページ	https://hama-sush-jp.pro/ameba-accessibility/popularrecentlist.html（スマートフォンで閲覧時）
内容	人気記事一覧の順位を示すラベルの、文字色と背景色のコントラスト比が 4.5:1 以下だった
対応	金・銀・銅をイメージした色の使用をやめ、コントラスト比が担保された色を使用したデザインに変更する