ACCESSIBILITY

誰もが使える、
バリアフリーなサイトへ。

ホームページは見た目ばかりが重視され、使いやすさが後回しにされがちです。その結果、さまざまな障がいのある方にとって利用が困難なサイトが数多く存在します。世の中がバリアフリー化する一方、ネットの世界では取り組みが進んでいません。

流楽は、ウェブアクセシビリティの診断と改善を行います。あわせて、公的機関や企業が制作会社へ発注する際の仕様づくり・事業者選定・納品物の確認も、発注する側に立って支援しています。

LAW

「義務化」の、
正確なところ。

「2024年にウェブアクセシビリティが義務化された」と説明されることがあります。これは正確ではありません。

2024年4月1日に施行された改正・障害者差別解消法で義務になったのは、「合理的配慮の提供」です。ウェブアクセシビリティは「環境の整備」にあたり、努力義務とされています。

OBLIGATION

義務

合理的配慮の提供
求められたときに、負担が重すぎない範囲で対応すること。

BEST EFFORT

努力義務

環境の整備
ウェブサイトでは、JIS X 8341-3:2016 に準拠してアクセシビリティを確保すること。

出典|政府広報オンライン ウェブアクセシビリティとは? 分かりやすくゼロから解説!

では、努力義務だから後回しでよいのか。そうではありません。公的機関は事情が違います。総務省「みんなの公共サイト運用ガイドライン」に沿って、JIS X 8341-3:2016 への対応、取組状況の自己評価、その結果の公開までが求められます。事実上の必須です。

民間企業でも、合理的配慮を求められたときに応じられる状態をつくっておくことが「環境の整備」です。求められてから直すのでは間に合いません。

WHY

努力義務でも、
取り組む理由。

01

対象が想像より多い

目や耳の不自由な方だけの話ではありません。老眼で小さい文字が読みにくい、けがで片手しか使えない、電車の中で音を出せない。誰にでも起こる状態が対象です。

02

あとから直すほど高くつく

構造の問題は、公開後に直すと全ページに手が入ります。作るときに気をつけていれば追加費用はほぼゼロです。リニューアルの仕様に入れておくのが、いちばん安く済みます。

03

検索エンジンにも効く

見出しの構造、代替テキスト、リンク文言。アクセシビリティで整える箇所は、検索エンジンが読む箇所とほぼ同じです。1回の改修で両方に効きます。

MISUNDERSTANDING

文字サイズ変更ボタンでは、
対応になりません。

サイトの右上に「文字サイズ変更」「背景色の切り替え」「読み上げ」といったボタンを置いているサイトがあります。これだけではウェブアクセシビリティ対応にはなりません。総務省のガイドラインに、はっきり書かれています。

QUOTE

ホームページ等において、音声読み上げ、文字拡大、文字色変更等の支援機能を提供する事例がありますが、これだけでは、ウェブアクセシビリティに対応しているとは言えません。

利用者は、多くの場合、音声読み上げソフトや文字拡大ソフトなど、自分がホームページ等を利用するために必要な支援機能を、自身のパソコン等にインストールし必要な設定を行った上で、その支援機能を活用して様々なホームページ等にアクセスしています。

総務省「みんなの公共サイト運用ガイドライン(2024年版)」P.26

実際、視覚に障がいのある方は、ご自身の端末に、ご自身に合った読み上げソフトと設定をすでに用意しておられます。サイト側が用意したボタンは、その設定と噛み合わないこともあります。

必要なのは、ページそのものを JIS X 8341-3:2016 に沿って作ることです。見出しの構造、代替テキスト、色のコントラスト、キーボードだけで操作できること。ボタンを足すことではありません。

GUIDELINE

総務省が挙げる
「適切でない取組」。

運用ガイドライン(2024年版)には、公的機関がやりがちな不適切な対応が具体的に列挙されています。
ご自身の組織に当てはまるものはありませんか。

  • 音声読み上げ、文字色変更等の支援機能を提供して、対応したことにしている
  • ごく一部のページの改善のみで、ウェブアクセシビリティに対応したことにしている
  • 試験の対象ページのみを改善して「適合レベルAA準拠」と公表している
  • JIS試験を、構築・運用・保守の担当事業者に毎年委託している(第三者でないため客観性を担保できない)
  • JIS試験を年度末に実施し、結果に基づく改善に取り組む期間を確保していない
  • 「ウェブアクセシビリティ取組確認・評価表」による確認結果を公表していない
  • 数年前のウェブアクセシビリティ方針がそのまま公開されている
  • ページ作成時のチェックをCMSの機能でのみ行い、人による目視確認をしていない
  • 継続的な取組の必要性が、組織の中で引き継がれていない

出典|総務省 みんなの公共サイト運用ガイドライン(2024年版) P.26・P.39

QUOTE

公的機関ホームページのJIS対応状況に関する調査の結果、JISの適合レベルA及びAAに多数の問題のあるホームページが「問題がない(「AA準拠」している)」と公表している事例があることを確認しています。

総務省「みんなの公共サイト運用ガイドライン(2024年版)」P.38

「AA準拠」と書いてあることと、実際に準拠していることは、別の話です。

TWO SIDES

流楽は、受注側にも発注側にも。

診断と改善を請け負うだけでなく、発注する側に立って仕様づくりから納品物の確認までを支援します。
この両方を出せる会社は、多くありません。

受注側サービス

サイトを持っている方へ

  • JIS X 8341-3:2016 に基づく診断
  • 診断レポートの作成と説明
  • 改善作業と再検証
  • 継続的な運用支援
発注側支援

これから発注する方へ

  • リニューアル仕様書・募集要項の作成支援
  • 評価基準づくりと提案内容の評価
  • プロポーザルの選定委員・外部有識者
  • 納品物の確認(本当に準拠しているか)

総務省のガイドラインは、構築や保守を担当した事業者に試験を委託することを「客観性を担保できていない」としています。作った会社が自分で採点しても、確かめたことになりません。第三者の目が要るというのが、ガイドラインの立場です。

CASE

発注側での、実際の関わり方。

2026年、地方独立行政法人 大阪健康安全基盤研究所さまのホームページリニューアル業務において、二つの立場で携わりました。

公的機関の仕様書には「JIS X 8341-3 / 適合レベルA・AA」といった言葉が並びます。その言葉が何を求めているのかを、発注する側が理解していなければ、提案の良し悪しは判断できません。仕様を書く段階から関わり、評価基準を整え、提案を審査するところまでをお手伝いしました。

この案件で制作を受注したのは、当社ではありません。選定に関わった案件で当社が受注することはありません。発注側の支援は、中立でなければ意味がないからです。

大阪健康安全基盤研究所さま ホームページリニューアルの仕様づくりと事業者選定を支援しました

また代表の松崎は、大阪産業局の専門家として、ホームページに関する相談対応も担当しています。

STANDARD

JIS X 8341-3:2016 と、
適合レベル。

何に、どこまで準拠すればよいのか。まずここが分からないまま進んでしまうケースが少なくありません。

ALEVEL A

最低限の達成基準。ここを満たしていないと、使えない方が出ます。

AALEVEL AA

公的機関が目標とする水準。色のコントラスト比などが加わります。

AAALEVEL AAA

最も高い水準。すべてのコンテンツで満たすことは現実的でないとされています。

公的機関はレベルAAが目標です。民間企業に決まりはありませんが、AAを目指すのが一般的です。

「AA準拠」と公表するには、全ページを対象に取り組んだうえで、試験を行い、結果を公開する必要があります。試験の対象ページだけを直して準拠を名乗ることは、ガイドラインで不適切とされています。

JIS X 8341-3 と WCAG は、何が違うのか

仕様書には「JIS X 8341-3」、技術の現場では「WCAG」。別々のものに見えて、中身はつながっています。

JIS X 8341-3:2016 は、国際規格 WCAG 2.0 と一致する内容です。「JIS X 8341-3:2016 の適合レベルAA」と「WCAG 2.0 のレベルAA」は、同じ水準を指しています。

その後、WCAG は 2.1(2018年)、2.2(2023年)と更新されました。JISは2016年版のままですが、新しい達成基準を取り込む形での改正が見込まれています。総務省の運用ガイドラインにも、改正を見据えていまのうちから新基準への対応を進めるよう示されています。

呼び方が違うだけで、目指している状態は同じです。発注の仕様書に書くなら JIS、実装の指針として参照するなら WCAG。そう使い分ければ迷いません。

CHECK POINTS

よくある不適合と、
その直し方。

診断でよく見つかる問題です。どれも、見た目を変えずに直せます。

01

画像の代替テキストがない

読み上げソフトでは画像の中身が分かりません。「写真」「img001」のような無意味な記述も同じです。何が写っているか、その画像が何のためにあるかを書きます。

02

見出しの構造が崩れている

見出しを「大きい文字」として使っていると、読み上げで文書の構造がたどれません。h1からh2、h3と順に使い、飛ばさないようにします。

03

色のコントラストが足りない

薄いグレーの文字、白背景に黄色の文字。おしゃれに見えても読めません。レベルAAでは、文字と背景に4.5:1以上の比率が必要です。

04

キーボードだけで操作できない

マウスを使えない方はTabキーで移動します。メニューが開かない、フォームを送信できない、いまどこにいるか分からない。実際に触ると分かります。

05

フォームのラベルが紐づいていない

入力欄の隣に文字が置いてあるだけでは、読み上げで「何を入力する欄か」が伝わりません。labelで正しく関連づけます。

06

色だけで情報を伝えている

「赤い項目は必須です」。色が判別しにくい方には伝わりません。文字や記号を添えます。動画の字幕、リンク文言の分かりやすさも同じ考え方です。

METHOD

診断のやり方。

ツールによる自動チェックと、人の手による検証を組み合わせます。自動チェックだけでは足りません。

たとえば代替テキストは、「書いてあるかどうか」は機械で判定できますが、「その説明が適切かどうか」は人が見るしかありません。キーボード操作も、実際に操作してみないと分かりません。読み上げソフトでどう読まれるかも同じです。

総務省のガイドラインでも、CMSの機能によるチェックだけで、人による目視確認をしていないことが不適切な取組として挙げられています。

CONTINUOUS

当事者による、
定期チェック。

一度整えたサイトも、更新を重ねるうちに崩れていきます。
流楽は、視覚に障がいのある方に実際に操作していただく定期チェックをご提供しています。

なぜ必要か

運用すると、また崩れる

ページを足す、お知らせを更新する、画像を差し替える。日々の運用のなかで、代替テキストの抜けや見出し構造の乱れは少しずつ増えていきます。公開時に準拠していても、1年後も同じとは限りません。

総務省のガイドラインが職員研修・検証・改善を「毎年」行っている状態を最上位の評価としているのも、同じ理由です。

何をするか

実際に使って、確かめる

視覚に障がいのある方が、ご自身の読み上げ環境で実際にサイトを操作します。普段お使いのスクリーンリーダーと設定のまま、目的の情報にたどり着けるか、フォームを送信できるかを確かめます。

ツールの判定でも、制作者の目視でもなく、実際の利用者の操作で確認する。ここでしか出てこない問題があります。

検出された問題は、当社で改善まで対応します。実施の間隔は、サイトの更新量や運用体制に合わせて、ご相談のうえで決めます。

規格の最新版に準拠することは、わかりやすい目標です。ただ、一度合わせて終わりにするより、更新のたびに崩れていないかを確かめ続けるほうが、実際に使える状態を保てます。流楽は、続けることを優先しています。

実施の間隔・対象ページ数によって費用が変わります。まずはご相談ください。

SERVICE

改善サービスの内容。

現状の診断から、レポート・改善提案・改善作業・再検証まで、ワンストップで対応します。診断のみ・改善のみのご依頼も可能です。

  1. 01

    診断

    JIS X 8341-3:2016 に基づき、1ページずつ診断します。ツールによる自動チェックと、人の手による検証を組み合わせます。

  2. 02

    ご提案

    問題箇所をレポートにまとめ、どこをどう直すかの改善プランをご提案します。

  3. 03

    改善

    見た目を変えずに、アクセシブルな構造へ作り替えます。改善した箇所は再診断します。

  4. 04

    公開

    誰もが利用できるホームページとして公開。完了報告を提出します。

FOR

こんな方から、
ご相談いただいています。

「担当になったが、何から手をつければいいか分からない」。その段階でのご相談も歓迎します。

PRICE

料金。

ページ数や状態により変動します。税込表示。

FLOW

ご利用の流れ。

01

ご相談

まずは、当社 お問合せページ から必要事項を入力して、ウェブアクセシビリティを改善したいホームページのURLをお知らせください。

02

ヒアリングとサービスのご案内

ウェブアクセシビリティの課題や現状について、ヒアリングさせていただきます。
当社改善サービスやプラン内容について、ご説明いたします。

03

ご発注

当社から事前調査に基づいたお見積りを提出いたします。
お見積りにご了承いただきましたら、ご発注ください。

04

ウェブアクセシビリティ診断

「JIS X 8341-3」に基づき、1ページずつ丁寧に診断していきます。ツールによる自動チェックと、人の手による検証を組み合わせます。

05

診断結果レポートの提出

診断したページの問題点を抽出したレポートを提出いたします。
どのような箇所が最適化されていないかをご説明いたします。

06

改善と再検証

改善作業が終わりましたら、1ページずつ再度診断を行い、最適化できているかをチェックしていきます。

07

完了

すべての改善作業が完了しましたら、完了報告を提出いたします。

FAQ

よくあるご質問。

Q

全ページを診断する必要がありますか

A

「AA準拠」と公表するのであれば、全ページを対象に取り組んだうえで試験を行う必要があります。試験対象のページだけを直して準拠を名乗ることは、総務省のガイドラインで不適切とされています。

まず現状を知りたいという段階であれば、代表的な10ページ程度から始めるのが現実的です。テンプレートが共通していれば、同じ問題が他ページにも出ていると推測できます。

Q

どのくらいの期間がかかりますか

A

10ページの診断で2〜3週間が目安です。改善はページ数と問題の内容によります。

公的機関の場合、年度末に試験を実施して終わり、という進め方は避けてください。ガイドラインでも、結果の分析と改善に取り組む期間を確保していないことが不適切な取組とされています。年度の前半に診断を終え、後半で改善する組み方をおすすめします。

Q

いま保守を頼んでいる制作会社に、試験も頼んではいけませんか

A

総務省のガイドラインは、構築・運用・保守を担当する事業者に毎年委託していて、第三者に依頼しておらず客観性を担保できていないことを、不適切な取組として挙げています。

制作会社の質の問題ではありません。自分が作ったものを自分で採点する構図に無理があるということです。改善は保守会社が行い、試験は第三者が行う。この分け方が自然です。

Q

自社で対応できませんか

A

できます。むしろ継続的に取り組むには、内製化が前提になります。運用ガイドラインの評価表も、職員研修・検証・改善を「毎年」行っている状態を満点としています。

最初の診断と改善をご一緒し、判断の基準をお渡ししたうえで、以降はご自身で回していただく形もお受けしています。

Q

診断だけを依頼できますか

A

できます。改善は既存の制作会社が行い、診断と確認だけを当社が第三者として担当する。この形が、もっとも多いご依頼です。

Q

これから発注します。仕様書づくりから相談できますか

A

できます。リニューアル仕様書・募集要項・評価基準への助言、プロポーザルの評価、選定委員としての参加まで対応しています。地方独立行政法人での実績があります。

なお、選定に関わった案件では、当社は制作を受注しません。

Q

納品されたサイトが本当に準拠しているか、確かめられますか

A

確かめられます。総務省の調査でも、適合レベルA及びAAに多数の問題があるのに「問題がない(AA準拠している)」と公表している事例が確認されています。

納品物の確認は、発注側支援としてお受けしています。

BENEFIT

改修の手間が、
一度で済みます。

アクセシビリティ改善でやることは、検索エンジン対策と重なります。見出しの構造を整える、画像に代替テキストを付ける、リンクの文言を分かりやすくする。どれも検索エンジンがページを理解するために見ている要素です。

流楽はアクセシビリティ専門ではなく、ホームページ制作と集客の会社です。だからこそ、アクセシビリティの改修をSEO・表示速度・使いやすさの改善と同時に進められます。1回の改修で、複数の効果が出ます。

表示速度の改善について/web集客・webコンサルティングについて

CLIENTS

ご利用いただいたお客様。

医療機関・教育機関など、公共性の高いサイトのアクセシビリティ改善をお手伝いしてきました。

NATIONWIDE

全国、対応しています。

ご要望に応じてどこへでもお伺いし、ウェブアクセシビリティの改善に取り組みます。

ウェブアクセシビリティの改善は、障がいのある方への配慮にとどまりません。より多くの人がサイトを自由に使えることは、そのまま機会の広がりです。

誰も置き去りにしない。

いまのサイトがどの状態にあるのか、まず知るところから始められます。
診断のみ、改善のみ、発注側での支援だけ、いずれのご相談も承ります。