日頃よりモノタロウをご利用いただき、誠にありがとうございます。
平素より多くのお客様に快適にご利用いただけるよう、当サイトではウェブアクセシビリティの向上に努めています。
この度、サイトの文字サイズや色に関する改善を実施しました。
今回の改善内容についてのご意見や、モノタロウサイトに対して「見えづらさを感じる」等の問題がございましたら、
以下のアンケートからぜひお聞かせいただけると幸いです。
文字サイズを拡大するブラウザ機能への対応
ウェブサイトを閲覧する際に利用するブラウザ(Microsoft EdgeやGoogle Chromeなど)の設定で、ウェブサイトの文字を拡大する設定があります。
モノタロウでは、この設定で文字を拡大してもレイアウトが崩れず、より読みやすくご利用いただけるように改善しています。
まずはお客様が商品を検索して選ぶ際に使うページ(検索結果、商品ページ)を中心に対応を進めております。今後も対応箇所を増やしていく予定です。
※ブラウザの文字サイズをの変更する方法については、以下のブラウザのガイドをご確認ください。
Microsoft Edgeをお使いの方:Microsoft Edge で既定のテキスト サイズを大きくする
Google Chrome をお使いの方:すべてのウェブページを対象にページズームやフォントサイズを設定する- Google Chrome ヘルプ
色の見え方を改善するための取り組み
より多くの人が内容を見やすく感じられるように、画面上の色の使い方についてチェックし、改善を行いました。
色覚の違いや視力の違い、またモノタロウサイトを使っている環境が暗い場所や明るい場所など、どんな状況でも文字や情報を正確に読み取りやすくするために行いました。
サンプル
※この取り組みでは、「カラーコントラスト」と呼ばれる考え方を基にしています。カラーコントラストとは、背景の色と文字や図形の色の差のことを指します。
今回の変更は、Webアクセシビリティガイドライン(WCAG)に基づき、テキストと背景のコントラスト比を4.5:1以上にしています。
「閲覧補助メニュー」の提供、アップデート
ページの下部にある「閲覧補助メニュー」では、サイトの見え方をご自身の見えやすいように変更することができます。
閲覧補助メニュー内の機能については、モノタロウサイトで良くご利用いただいている機能を優先して表示するようにしています。
文字サイズをモノタロウサイトのみ変更したい場合は、閲覧補助メニューが便利です。
「文字を大きく」適用後の画面例:
変更できる表示の例
メニュー名 | 表示変更内容 |
文字を大きく 文字の間隔 行の高さ | 文字の大きさ、間隔、行の高さを調整することができ、読みやすさを自分仕様にカスタマイズできます。 |
コントラスト スマートコントラスト 色彩度の設定 | 色の判別がしづらい、色覚特性のある方などは色彩度を調整できます。 |
リンクハイライト カーソル | カーソルを大きくすることで現在地をわかるようにしたり、リンクがあるところをわかりやすくマークしたりできます。 |
ふりがな やさしい日本語AI | テキストを選択すると、漢字にふりがなを振ったり、簡単な日本語に変換します。 |
・閲覧補助メニューで設定すると、モノタロウサイトの全てのページで設定が引き継がれます。
・設定を解除する場合は、再度閲覧補助メニューを開いて、選択中のメニューをクリックしてください。
サイトのご利用満足度を教えてください
今回の改善内容についてのご意見や、モノタロウサイトに対して「見えづらさを感じる」等の問題がございましたら、
以下のアンケートからぜひお聞かせいただけると幸いです。
ウェブアクセシビリティは、障害や高齢などで心身の機能に制約がある人も含め、誰でもウェブ情報に容易にアクセスできることを目指す概念であり、特定の人々のためだけの対応ではなく、すべての人が情報にアクセスできるようウェブサイトが対応することを求めています。
下記引用:
出典 : 「障害を理由とする差別の解消の推進に関する基本方針 (令和5年3月14日閣議決定)」> 第2: 行政機関等及び事業者が講ずべき障害を理由とする差別を解消するための措置に関する共通的な事項 > 3. 合理的配慮 > (3) 環境の整備との関係 > ア. 環境の整備の基本的な考え方
モノタロウは今後もウェブアクセシビリティに対応してまいります。
すべてのお客様が情報を利用できるよう、引き続きご支援・ご愛顧を賜りますようお願い申し上げます。
[2025.01.30]
MonotaRO Co.,Ltd.