<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>バーンワークス株式会社 ニュース・コラム</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/" />
<link rel="self" type="application/atom+xml" href="https://burnworks.com/feed/" />
<icon>https://burnworks.com/static/img/ico/favicon.png</icon>
<id>tag:burnworks.com,2013-12-15:/news//5</id>
<updated>2026-05-21T10:48:12Z</updated>
<subtitle>バーンワークス株式会社からのお知らせ、ニュースリリースに加え、ウェブサイト制作やウェブマーケティングに関する最新情報、ユーザビリティやウェブアクセシビリティ改善のノウハウをはじめとした、企業ウェブ担当者向けのコラムをお届けします。</subtitle>

<entry>
<title>GAAD Japan 2026 セッション1「やさしく学ぶウェブアクセシビリティ」登壇スライドと講演内容全文を公開しました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/503/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/GAAD_japan_2026_S1_page_01.png" />
<id>tag:burnworks.com,2026:/news//5.503</id>

<published>2026-05-21T10:01:22Z</published>
<updated>2026-05-21T10:48:12Z</updated>

<summary>GAAD Japan 2026 セッション1『やさしく学ぶウェブアクセシビリティ』に登壇し、初学者の方を対象に「ウェブアクセシビリティとは何か」「なぜ取り組む必要があるのか」といった、ウェブアクセシビリティに取り組む上で最も基本となる知識についてお話ししました。この記事では、その全スライドと、お話しした内容を文字起こしして公開します。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/GAAD_japan_2026_S1_page_01.png" alt="GAAD Japan 2026 セッション1「やさしく学ぶウェブアクセシビリティ」登壇スライドと講演内容全文を公開しました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p><img alt="GAAD Japan 2026 - 世界各地でアクセシビリティを考える一日" src="https://burnworks-inc.imgix.net/news/upload-docs/gaad-japan-1600x900-2026.png?auto=format&lossless=true" width="1600" height="900" decoding="async" loading="lazy" /></p>

<p>GAAD（Global Accessibility Awareness Day）は、デジタル分野（ウェブ、ソフトウェア、モバイルなど）のアクセシビリティを考える日として、2012年からスタートした世界的な取り組みです。5月の第3木曜日をGAADの日として、毎年、世界各地でさまざまなイベント等が開催されています。</p>

<ul>
<li><a href="https://www.gaad.jp/" target="_blank">GAAD Japan 2026 について詳しくはこちらをご覧ください（GAAD Japan 公式サイト）</a></li>
</ul>

<p>GAADの目的は、デジタルのアクセシビリティとさまざまな障がいのあるユーザーについて、みんなで話したり、考えたり、学んだりする機会を持つことで、日本でも、GAAD Japan として、全国各地、どこからでも参加可能なオンラインセミナーを開催しています。</p>

<p>バーンワークス株式会社はこのイベントの趣旨に賛同し、協賛スポンサーとして微力ながらサポートをさせていただいておりますが、GAAD Japan 2026 では、「セッション1」として、弊社代表の加藤が登壇いたしました。</p>

<p>『やさしく学ぶウェブアクセシビリティ』と題したセッションで、初学者の方を対象に「ウェブアクセシビリティとは何か」「なぜ取り組む必要があるのか」といった、ウェブアクセシビリティに取り組む上で最も基本となる知識についてお話ししましたが、この記事では、その全スライドと、お話しした内容を文字起こしして公開いたします。</p>

<p>なお、各セッションのアーカイブは以下、GAAD Japan 公式 YouTube チャンネルにて公開される予定ですので、ご興味のある方はぜひご覧いただければ幸いです。</p>

<ul>
<li><a href="https://www.youtube.com/@gaadjapan684" target="_blank">GAAD Japan 公式 YouTube チャンネル</a></li>
</ul>]]>
<![CDATA[<hr />

<h2>GAAD Japan 2026 セッション1 やさしく学ぶウェブアクセシビリティ</h2>

<p><img data-mt-asset-id="151" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_01.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>皆さんこんにちは。本日はGAAD（ギャード） Japan 2026 にご参加いただきありがとうございます。</p>

<p>「セッション1」を担当させていただく、バーンワークス株式会社、代表の加藤と申します。</p>

<p>まず最初に簡単な自己紹介だけさせてください。</p>

<h3>登壇者について</h3>

<p><img data-mt-asset-id="154" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_02.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>バーンワークス株式会社は2013年の創業以来、一貫してウェブアクセシビリティ対応を専門分野としつつ、ウェブサイト構築やコンサルティングといった企業向けサービスを提供しています。</p>

<p>代表である私は、弊社の創業以前から、フリーランス、あるいはウェブサイト制作会社の役員などを経験しつつ、ウェブ関連の様々なプロジェクトでプロジェクトマネジメント、ディレクション、フロントエンドの実装などに携わってきました。</p>

<p>個人的にも、ウェブ標準やウェブアクセシビリティといった分野に長年関心を持っておりまして、この分野での書籍執筆やブログでの情報発信などを行っています。</p>

<p>この度、ご縁がありまして、この歴史あるGAADでお話しする機会をいただきました。</p>

<p>この機会をくださった関係者の皆さまをはじめ、本日ご参加いただいている皆さまにお礼申し上げます。</p>

<h3>セッション1の内容</h3>

<p><img data-mt-asset-id="152" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_03.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さて、このセッションでは、「<strong>やさしく学ぶウェブアクセシビリティ</strong>」と題して、</p>

<ul>
<li>ウェブアクセシビリティとは何か</li>
<li>なぜ取り組む必要があるのか</li>
</ul>

<p>といった、最も基本となる部分を30分という限られた時間ですがお話ししたいと思っています。</p>

<p>特に初学者の方がご覧になってもわかりやすいように、なるべく難しい専門用語を使わずにお話ししようと思います。</p>

<p>このセッションが、「ウェブアクセシビリティについて本格的に学んでみよう」ですとか、「ウェブアクセシビリティについて職場で話してみよう」など、ご覧になった皆さんが次の一歩を踏み出すきっかけとなればうれしく思います。</p>

<p>それではよろしくお願いいたします。</p>

<h4>本日お話しすること</h4>

<p><img data-mt-asset-id="153" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_04.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さて、改めてですが、先ほども少し触れたとおり、本日お話しすることは概ね次の内容です。</p>

<ul>
<li>ウェブアクセシビリティとは何か</li>
<li>ウェブアクセシビリティは誰のためのものか</li>
<li>ウェブアクセシビリティになぜ取り組むべきなのか</li>
</ul>

<h4>本日お話ししないこと</h4>

<p><img data-mt-asset-id="155" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_05.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>一方で、</p>

<ul>
<li>ウェブアクセシビリティガイドラインの解説や関連する法令の紹介</li>
<li>具体的な設計、デザイン、実装方法などの解説やテクニック紹介</li>
</ul>

<p>といった話題には本日、このセッションでは触れません。</p>

<p>このような、より実践的なお話、いわゆる「How（ハウ）」、「どのように行うのか」という部分については一旦置いておいて、「Why（ホワイ）」、「なぜそれをするのか」という、根本的な部分についてわかりやすくお伝えすることで、皆さんに「ウェブアクセシビリティに取り組む」という具体的な行動を起こす上でのビジョンを提示できればと思っております。</p>

<h4>本日感じていただきたいこと</h4>

<p><img data-mt-asset-id="156" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_06.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>本日ご覧いただいている皆さまは、何らかの形でウェブサイトを含む、ウェブコンテンツをビジネスで活用されている、あるいは、ウェブコンテンツの企画や設計、デザインや実装といったクリエイティブ、またはマーケティングなどに携わっている方々だと思います。</p>

<p>そのような皆さまに、ウェブアクセシビリティに取り組むことで、皆さんが関わるウェブコンテンツが、『より多くのユーザーに使っていただき』、『より多くのユーザーのニーズを満たし』、結果として満足度が高く、より価値のあるものになる、ということを、このセッションの内容から少しでも感じていただければと思います。</p>

<h4>次のような誤解を解きたい</h4>

<p><img data-mt-asset-id="157" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_07.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>特に、もし皆さんの中に、ウェブアクセシビリティに対して、例えば、</p>

<ul>
<li>ウェブアクセシビリティ対応は障がい者や高齢者など一部のユーザーのために配慮してあげること</li>
<li>ウェブアクセシビリティ対応はコスト（出費）で、儲からない</li>
<li>ウェブアクセシビリティ対応は制作現場の仕事で経営層やマネジメント層には関係ない</li>
</ul>

<p>といった認識をお持ちの方がいらっしゃるとすれば、本セッションを通して、何らかの気付きを得ていただけるのではないかと期待しております。</p>

<p>それでは本題に入ります。</p>

<h3>ウェブアクセシビリティとは何か</h3>

<p><img data-mt-asset-id="158" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_08.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>このイベントに参加し、本セッションをご覧いただいている皆さんおかれましては、すでに「アクセシビリティ」あるいは「ウェブアクセシビリティ」という言葉自体はご存じかと思いますが、今一度この言葉の意味について簡単におさらいしておきましょう。</p>

<p><img data-mt-asset-id="159" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_09.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>とはいえ、ここで小難しく、言葉の定義をお話ししても、あまり有意義ではないと思いますので端的に申し上げますと、「ウェブアクセシビリティ」とは</p>

<p>『ウェブコンテンツが、特性や能力の異なる、より多くの人々にとって利用しやすいこと』</p>

<p>と説明できます。</p>

<p>ちなみに、広義における「アクセシビリティ」には、ウェブサイトなど、ウェブ上で提供される情報や機能だけでなく、製品や施設、建物なども含まれますが、「ウェブアクセシビリティ」とすることで、特にウェブサイトなどウェブコンテンツにおけるアクセシビリティを指す言葉として使用されています。</p>

<p>本セッションでは以降、「ウェブアクセシビリティ」という言葉を使ってお話を進めます。</p>

<p>さて、ここで重要なポイントは先ほどの説明で挙げた「特性や能力の異なる、より多くの人々」という部分です。</p>

<p>これは言い換えれば「<strong>すべての人が</strong>」あるいは「<strong>どんな人でも</strong>」「利用しやすい」という意味になります。</p>

<h4>ウェブアクセシビリティは誰のため？</h4>

<p><img data-mt-asset-id="160" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_10.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ウェブアクセシビリティという言葉を聞いたときに、どうしても「障がい者のため」「高齢者のため」といったある特定の属性を持った方々を対象に行うものだ、というイメージを持ってしまう方も多いのではないでしょうか？</p>

<p>もちろん、障がい者や高齢者の方々はウェブアクセシビリティ対応の重要な対象ですし、例えば、身体障がい、精神障がい、発達障がい、知的障がいなどにおける、認知的・感覚的・心理的特性を深く理解することは、ウェブアクセシビリティに取り組む上で欠かせないプロセスです。</p>

<p>しかし一方で、そのような属性を持つユーザーは、ウェブサイトを利用するユーザーの一部であり、「すべての人が利用しやすい」状態を実現するためには、そのような一部のユーザーを対象とするだけでは不十分で、より、対象範囲を拡げて考える必要があります。</p>

<h4>ウェブアクセシビリティはすべての人のため</h4>

<p><img data-mt-asset-id="161" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_11.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>そこで、ウェブアクセシビリティ対応を、『特定の「属性」をもつユーザーを対象とした取り組み』ではなく、ウェブサイトを利用する『すべてのユーザーのニーズに対して取り組む』ものだと、少し視点を変えて捉えてみましょう。</p>

<p>例えば、「視覚障がい者」という属性に分類される方でも全盲、弱視、色覚特性、視野狭窄など、その程度や特性は様々で、それぞれニーズが異なります。</p>

<p>そのような様々な特性ごとに考えてみると、例えば次のようなニーズが想定できるかもしれません。</p>

<h4>視覚に何らかの障がいがある人のニーズ</h4>

<p><img data-mt-asset-id="162" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_12.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<ul>
<li>スクリーンリーダーだけでウェブサイトを使いたい</li>
<li>点字でウェブサイトを読みたい</li>
<li>キーボードだけでウェブサイトを使いたい</li>
<li>自分が読みやすいように文字のサイズを変えたり、文字色や背景色をカスタマイズしたい</li>
<li>画面の一部を大きく拡大した状態で使いたい</li>
<li>画面上を探し回らなくてよいように、関連する情報同士は近くに配置して欲しい</li>
</ul>

<p>もし「視覚障がい者」という属性＝（イコール）「目が見えない」人とだけ考えてしまうと、このような多様なニーズにたどり着けないかもしれません。</p>

<p>これは他の障がいについても同様です。</p>

<h4>さらに障がいから離れてニーズを探る</h4>

<p><img data-mt-asset-id="163" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_13.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さらに障がいから離れて、加齢や一時的な怪我、病気などによる身体、精神的な特性の変化についても想像すると、</p>

<ul>
<li>マウスカーソルをうまく動かせないのでキーボードや音声操作でウェブサイトを使いたい</li>
<li>色が薄いと文字が読めないのでハッキリした色を使って欲しい</li>
<li>画面上に文字が多すぎると読むのに疲れてしまうのでやめてほしい</li>
<li>ぱっと見てリンクやボタンがわかるようにしておいて欲しい</li>
<li>動いているスライドショーはうまく操作できないので困る</li>
</ul>

<p>などのニーズが想定できるかもしれません。</p>

<h4>さらにニーズを深掘りする</h4>

<p><img data-mt-asset-id="165" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_14.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>障がいの有無、年齢に関わらず、さらにニーズを深掘りすると</p>

<ul>
<li>パソコン、スマートフォン、タブレットでも同じようにウェブサイトを使いたい</li>
<li>マウスで操作するよりキーボードで操作するのが好み、あるいは作業効率がよい</li>
<li>料理中、レシピサイトを音声アシスタントやAIに読み上げてもらいたい</li>
<li>車での通勤中、ニュースサイトを音声で読み上げながら日課の情報収集をしたい</li>
</ul>

<p>などのニーズも考えられます。</p>

<p>また、これは実際に経験がある方も多いかもしれませんが、「イヤホンを忘れてしまったので、音声をミュートして動画を観たい」といったニーズもよくありますし、「日本語ネイティブではないので、日本語のウェブサイトをAI翻訳して理解したい」など、ウェブサイトに対するユーザーのニーズは実に多様です。</p>

<h4>ウェブアクセシビリティに取り組む目的</h4>

<p><img data-mt-asset-id="164" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_15.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>そして、これら多様なニーズに対応することにより、「<strong>より多くの人々にとって利用しやすい</strong>」状態を実現することがウェブアクセシビリティに取り組む目的となります。</p>

<p>つまり、「ウェブアクセシビリティはウェブコンテンツにおける最も基本的な要件である」とも言えるわけです。</p>

<h3>ウェブアクセシビリティとユーザビリティの違い</h3>

<p><img data-mt-asset-id="166" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_16.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ここまでのお話で、「多くの人にとっての使いやすさ」って、「ユーザビリティ」のことじゃないの？ と疑問に思った方もいらっしゃるかもしれません。</p>

<p>ウェブアクセシビリティとユーザビリティの違いついても簡単に触れておきましょう。</p>

<h4>ユーザビリティとは</h4>

<p><img data-mt-asset-id="167" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_17.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>まず、日本産業規格、JIS Z 8521:2020 では、ユーザビリティという言葉を次のように定義しています。</p>

<blockquote>

<p>特定のユーザーが特定の利用状況において、システム、製品又はサービスを利用する際に、効果、効率及び満足を伴って特定の目標を達成する度合い</p>

</blockquote>

<p>つまり、ユーザビリティというのは、「ある特定のユーザーの、特定の利用状況を想定した上で、そのユーザーが特定の目的を遂行するにあたっての、達成度合いや満足度、あるいは作業効率などを指している」ということがわかると思います。</p>

<h4>ウェブアクセシビリティとユーザビリティ</h4>

<p><img data-mt-asset-id="171" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_18.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>これは、ターゲットとなるユーザーを決め、そのターゲットユーザーが最も使いやすいようにチューニングしていくようなイメージになります。</p>

<p>しかし、ターゲットユーザーに選ばれなかった人にとっては、もしかすると使えない、あるいは使いにくいウェブコンテンツになってしまう危険性も秘めています。</p>

<p>一方で、先ほども説明したとおり、ウェブアクセシビリティにおいては、特定のターゲットに絞ることなく、理想的にはすべてのユーザーの多様なニーズに対応することを目的とします。</p>

<h4>土台作り（裾野）と満足度向上（高さ）</h4>

<p><img data-mt-asset-id="172" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_19.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ウェブアクセシビリティとユーザビリティはどちらももちろん重要なのですが、ウェブアクセシビリティは「まず誰もが使えるようにする」という土台作りと考えるとわかりやすいでしょう。</p>

<p>その上で、あるターゲットユーザーがより使いやすく、満足度が向上するようにユーザビリティを高めていく。</p>

<p>ウェブサイトを利用できるユーザーの裾野をウェブアクセシビリティで拡げ、ユーザビリティで満足度を高めていく、という風にとらえると、先ほど申し上げた、「ウェブアクセシビリティはウェブコンテンツにおける最も基本的な要件である」ということの意味がおわかりいただけるのではないでしょうか？</p>

<h3>ウェブアクセシビリティの欠如が招くもの</h3>

<p><img data-mt-asset-id="168" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_20.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さて、ウェブアクセシビリティはユーザーの多様なニーズに対応することにより、「より多くの人々にとって利用しやすい」状態を実現することと先ほど説明しました。</p>

<p>では逆に、ウェブアクセシビリティが欠如したウェブサイトでは何が起こるでしょうか？</p>

<h4>ウェブアクセシビリティが欠如すると</h4>

<p><img data-mt-asset-id="169" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_21.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>簡単に言ってしまえば、一定数（いっていすう）のユーザーが、そのウェブサイトが提供する情報や機能を「使えない」あるいは「使いにくい」状態になります。</p>

<p>これは、もし「お店」に例えるなら、せっかく来てくれたお客様を入り口で追い返したり、探している商品を隠して見えないようにしたり、買おうと思っても簡単には会計できないようにする。そんな状況と言えます。</p>

<p>実際のお店でこんな対応をする店主はまずいないでしょうけども、</p>

<ul>
<li>「ウェブアクセシビリティなど重要ではない」</li>
<li>「ウェブアクセシビリティに取り組む必要はない」</li>
</ul>

<p>などと考えることは、これと同様の行為を自覚的に行っているに等しいと言えます。</p>

<p>また、そこまで自覚的にウェブアクセシビリティを軽視していないとしても、ウェブアクセシビリティを「知らない」、「知ろうとしない」という態度が、無自覚に一部のユーザーに対して利用上の困難を与え、結果的にウェブサイトやサービスの利用を諦めさせてしまうという、最悪の結果を招く可能性があることを認識しなければなりません。</p>

<h4>自覚的か無自覚かに関わらず......</h4>

<p><img data-mt-asset-id="170" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_22.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>もし、あなたのウェブサイトを訪問し、あなたが提供するサービスや商品を利用したいと思っていたユーザーの一部を知らないうちに排除してしまっていたとすれば、どう思いますか？</p>

<p>それは大きな機会損失だと感じるはずです。</p>

<p>また、インターネットやウェブが、もはや日常生活には欠かせないインフラとなっている現代において、国や自治体、公的機関がウェブサイトを通じて発信する情報や、提供する機能を利用できない人がいたとすれば、最悪の場合、その人の財産や生命に関わる重大な問題となる可能性もゼロではありません。</p>

<p>ウェブアクセシビリティに取り組むことで、このような機会損失を回避し、重要な情報や機能を利用できずに取り残される人の数を減らしていくことができます。</p>

<h4>障がいの社会モデルと医学モデル</h4>

<p><img data-mt-asset-id="175" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_23.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>加えて、「障がいの社会モデル」について触れておきましょう。</p>

<p>障がいの社会モデルは、障がいを個人の身体的・精神的な機能の問題ではなく、社会の側にある障壁（バリア）によって生み出される問題としてとらえる考え方です。</p>

<p>1983年にイギリスの障がい学研究者マイク・オリバー氏が「社会モデル」という用語を初めて使用し、理論化しました。</p>

<p>「社会モデル」以前に用いられてきた「医学モデル」と呼ばれる考え方では、障がいを、個人の身体的・精神的な機能の欠損や、異常としてとらえるのに対し、「社会モデル」では、障がいを社会の側にある、物理的、制度的、あるいは意識的な障壁によって生み出される問題としてとらえます。</p>

<p>つまり、障がいというのは「障がい者」という属性を持つ人達の側に生じるものではなく、「障がい者」という属性によって、社会参加することを制限されたり、あるいは難しくするような障壁が生まれている状態のことである。という考え方で、そのような障壁がすべて取り除かれるのであれば、社会モデルにおける「障がい」は存在しないということになります。</p>

<h4>制作者にとって重要な視点</h4>

<p><img data-mt-asset-id="173" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_24.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ウェブアクセシビリティに話を戻せば、ウェブサイトを利用できないのはその人の特性や能力の問題であるという考え方は、従来の医学モデルの考え方です。</p>

<p>社会モデルで考えれば、当然ながらウェブサイトが利用できないのは、ウェブサイトを制作し、提供している側の責任となります。</p>

<p>逆に言えば、ウェブアクセシビリティに取り組むことで、社会モデルにおける「障がい」を自らの手で減らしていく、あるいは障がいのない世界を実現するということに、少なからず貢献することができるということです。</p>

<h3>ウェブアクセシビリティに取り組む経済的メリット</h3>

<p><img data-mt-asset-id="174" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_25.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ここまで、「ウェブアクセシビリティとは何か？」について説明してきました。</p>

<p>ウェブアクセシビリティに取り組むことで多くのユーザーのニーズに対応できること、ウェブサイトを利用できる人の数、つまりユーザーの裾野を拡げられること、それによって機会損失を削減できること、といったメリットについてもご説明しました。</p>

<h4>ウェブアクセシビリティはコストか？</h4>

<p><img data-mt-asset-id="176" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_26.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>しかし現時点ではまだ「ウェブアクセシビリティはコスト」である、つまり、ウェブアクセシビリティにお金や時間をかけても、それ自体は「売上」や「儲け」など、「経済的メリット」に直結しない、とお考えの方もいらっしゃるかもしれません。</p>

<p>一方で私は「<strong>ウェブアクセシビリティへの取り組みは強力なマーケティングであり、重要なマネタイズポイント</strong>」であると捉えていますので、続けてご説明します。</p>

<h4>ウェブアクセシビリティの経済的メリット</h4>

<p><img data-mt-asset-id="177" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_27.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>まず大まかにウェブアクセシビリティに取り組むことで生まれる経済的メリットを挙げてみましょう。</p>

<ul>
<li>市場拡大効果</li>
<li>ブランド価値の向上</li>
<li>コスト削減メリット</li>
<li>リスク回避効果</li>
</ul>

<p>などが考えられますが、それぞれ掘り下げていきます。</p>

<h5>1．市場拡大効果 ー 潜在顧客の獲得</h5>

<p><img data-mt-asset-id="179" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_28.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>まず最初に、ウェブアクセシビリティに取り組むことで新たに顧客となりうる人々の市場規模を考えてみましょう。</p>

<p>世界保健機構（WHO）が公開しているファクトシートによると、障がいのある人々は全世界で13億人と推定され、これは世界人口の約16%に相当します。</p>

<p>また、障がい者とその家族や友人を含めた購買力、市場規模は推定13兆ドル、日本円で言うと概ね2000兆円ともされており、重要な経済セクターとして認識されているだけでなく、ビジネス機会としても注目されています。</p>

<p>ちなみに、市場規模の算出において、なぜ障がい当事者だけでなく、その家族や友人などを含めるのかと言うと、アクセシブルな製品やサービスを提供する企業に対して、障がい者の家族や友人も「ブランドロイヤルティ」つまり、「製品やサービスに対する高い信頼や強い愛着」を示す傾向があることが指摘されているためです。</p>

<p>アクセシビリティを重視する企業は障がい者本人だけでなく、その周囲の人々からも支持を得られるため、結果として市場が大幅に拡大するということですね。</p>

<p>日本国内においても、厚生労働省による調査では、国内人口の約9.3%が何らかの障がいを持つ人であるという結果が出ており、その数は推計値ですが、1164万6000人にのぼるとされています。</p>

<p>これら事実から、ウェブアクセシビリティに取り組むことで、巨大な潜在顧客層にリーチする可能性が高まるということです。</p>

<p>逆に考えれば、ウェブアクセシビリティを軽視することにより、多くの障がい当事者だけでなく、その家族などを含め、非常に多くの潜在顧客を逃すリスクがあるということもわかります。</p>

<h5>1．市場拡大効果 ー 高齢者市場への対応</h5>

<p><img data-mt-asset-id="178" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_29.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>次に、高齢者市場の存在も考えてみましょう。</p>

<p>皆さんもご存じの通り、日本は65歳以上が人口の約30%を占める、超高齢社会です。</p>

<p>一方で健康意識の高まりや、医療の発達などにより、健康寿命は延びていますし、インターネットやウェブを利用する高齢者の方も年々増加する成長市場でもあります。</p>

<p>今後の国内市場を考えたとき、購買力のある高齢者市場にリーチすることはとても重要になりますが、ウェブアクセシビリティへの取り組みは、高齢者の方々がもつ多様なニーズにも応えることができるため、今後、競合他社に対してアドバンテージとなるのは明白でしょう。</p>

<h5>1．市場拡大効果 ー 顧客との接点増加</h5>

<p><img data-mt-asset-id="180" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_30.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さらに顧客との接点、タッチポイントの増加という観点での効果も考えられます。</p>

<p>ウェブアクセシビリティ対応は、ユーザー、つまり人間の多様なニーズに対応するものですが、そのためには、ブラウザやスクリーンリーダーなどの「プログラム」「機械」が、ウェブコンテンツの意味や機能を正しく知覚、理解してユーザーに伝達し、ユーザーが操作可能な状態であることが前提となります。</p>

<p>プログラムによって意味や機能が知覚、理解しやすい状態になっているコンテンツを「マシンリーダブル」、日本語で言うと、「機械可読」なコンテンツと呼びますが、ウェブコンテンツがマシンリーダブルになることで、人間のユーザーだけでなく、検索エンジンやAI技術など、プログラムにとっても情報処理がしやすくなり、結果としてウェブサイトの評価や、利便性が向上します。</p>

<p>ウェブサイトが検索エンジンや生成AI、AIエージェントにとって参照しやすくなるということは、AIなどを使用して効率的に情報処理をしたいというユーザーのニーズに応えると同時に、検索エンジンやAI検索などのプログラムを経由して、潜在顧客にリーチする可能性が高まるということでもあります。</p>

<h5>2．ブランド価値の向上</h5>

<p><img data-mt-asset-id="181" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_31.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>次にブランド価値向上という視点でも考えてみましょう。</p>

<p>世界的にCSR（企業の社会的責任）が重視され、ESG投資への関心が高まる中で、『<strong>ユーザーのニーズに応えることで誰ひとり取り残さない</strong>』というウェブアクセシビリティへの取り組みは、企業が多様性と包摂性（ほうせつせい）を重視しているという強いメッセージとなりますし、社会的信頼の向上に寄与します。</p>

<p>例えば投資家や顧客からの信頼が向上するだけでなく、採用活動などにおいてもプラスの効果をもたらす可能性があります。</p>

<h6>ブランド価値向上における重要な視点</h6>

<p><img data-mt-asset-id="182" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_32.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さらに、ウェブアクセシビリティを考慮したウェブサイトは、「誰もが利用しやすい」という印象を通して、顧客のブランドロイヤルティを強化します。</p>

<p>これは競合他社との差別化に直結するだけでなく、結果として長期的な企業価値の向上に貢献します。</p>

<p>「誰もが等しくウェブコンテンツを利用できるようにすることで、企業と顧客の両方にとって Win-Win（ウィンウィン）の関係が成り立つ」ということを理解すれば、ウェブアクセシビリティに取り組むことはごく当然のことなるでしょう。</p>

<h5>3．コスト削減メリット</h5>

<p><img data-mt-asset-id="183" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_33.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さらにコスト削減面での経済的メリットも考えてみましょう。</p>

<p>ウェブアクセシビリティ上の問題によって、ウェブサイトを利用できない、あるいは利用しづらいユーザーが増えるほど、カスタマーサポートへの問い合わせは増加しやすくなります。</p>

<p>しかも、その内容は「注文できない」「予約できない」などといった、本来発生しなくてもよいネガティブな問い合わせになりがちです。</p>

<p>サポート対応にかかるコストは定量化が難しい側面があります。</p>

<p>しかし実際には、問い合わせ対応の人件費だけでなく、調査や再現確認、社内での情報連携に加え、実際の個別対応やクレーム処理など、多くの隠れたコストを発生させています。</p>

<p>さらに、ユーザー体験の悪化によって機会損失や離脱が発生すれば、その影響は単なるサポート費用に留まりません。</p>

<p>一方、ウェブアクセシビリティに優れたウェブサイトは、多くの場合「<strong>誰にとっても理解しやすく、操作しやすい</strong>」ため、結果として、ユーザーが自己解決しやすくなり、不要な問い合わせを減らすことにつながります。</p>

<p>また、これは副次的な効果ですが、ウェブアクセシビリティへの取り組みは、ウェブコンテンツの制作、開発プロセスの標準化にも寄与します。</p>

<p>適切なHTMLの使用、設計やデザイン、実装ルールの整理、品質チェックプロセスの整備などは、品質の安定化だけでなく、保守性や開発効率の向上にも直結します。</p>

<h6>コスト削減における重要な視点</h6>

<p><img data-mt-asset-id="184" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_34.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>つまり、ウェブアクセシビリティに取り組むことで、組織全体の生産性を高めることができるというわけです。</p>

<h5>4．リスク回避効果</h5>

<p><img data-mt-asset-id="185" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_35.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>最後のリスク回避効果は、今お話ししたコスト削減にもつながるメリットです。</p>

<p>海外における民間調査の結果などから、ウェブアクセシビリティの問題で訴訟を起こされてからそれに対応するコストよりも、最初からウェブアクセシビリティに投資するほうが遙かに経済的であるという傾向が指摘されています。</p>

<p>つまり、訴訟を起こされて裁判で争ったり、その結果を受けて改善対応をするより、最初からウェブアクセシビリティに投資するほうが結果的にはコストを削減できるということですね。</p>

<p>ウェブアクセシビリティに関連する訴訟リスクについて、日本国内に限定すると現時点で身近なものではありませんが、海外ではすでに一般的な話題です。</p>

<p>他国のことだから関係ないと考えず、同様の流れが日本国内でも起こることを想定して対策する必要があるでしょう。</p>

<h5>経済的メリット おさらい</h5>

<p><img data-mt-asset-id="186" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_36.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>以上、4つの項目を挙げて経済的メリットを説明してみました。</p>

<p>ウェブアクセシビリティへの取り組みは単なるコストではなく、様々な経済的メリットがあることをご理解いただけたでしょうか？</p>

<p>なお、これら様々なメリットは経営層、マネジメント層が、ウェブアクセシビリティへの取り組みに対して積極的にコミットすることでその効果が最大限発揮されます。</p>

<p>ウェブアクセシビリティ対応は「制作現場だけの仕事」などと考えず、経営課題として取り組むことがとても重要です。</p>

<h3>本日お話ししたこと</h3>

<p><img data-mt-asset-id="187" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_37.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さてここまで、</p>

<ul>
<li>ウェブアクセシビリティとは何か</li>
<li>ウェブアクセシビリティとユーザビリティの違い</li>
<li>ウェブアクセシビリティの欠如が招くもの</li>
<li>ウェブアクセシビリティに取り組む経済的メリット</li>
</ul>

<p>についてお話ししました。</p>

<h4>覚えておいていただきたいポイント</h4>

<p><img data-mt-asset-id="188" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_38.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>ウェブアクセシビリティとは何か、ユーザビリティとは何が異なるのか、というお話の中で、ウェブアクセシビリティへの取り組みは誰か特定のユーザーに対して特別に何かをしてあげる「付加価値」のようなものではなく、すべての人がウェブコンテンツを利用しやすくするための土台作りであり、「ウェブアクセシビリティはウェブコンテンツにおける最も基本的な要件」だ、ということをご理解いただけたのではないでしょうか。</p>

<p>また、ウェブアクセシビリティを軽視してしまうことで、大きな機会損失が生まれている可能性や、ユーザーがウェブサイトを利用できない、利用しにくいという状況を生んでいるのはユーザー自身の特性や能力の問題ではなく、ウェブサイトを提供している側の問題だということもご認識いただけたかと思います。</p>

<p><img data-mt-asset-id="189" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_39.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>その上で、ウェブアクセシビリティに取り組むことは、単にウェブサイトを修正したりといった保守、運用コストではなく、潜在顧客との接点を増やしたり、顧客のブランドロイヤルティを強化することでサービスやブランド、企業の価値を高めるための、重要な「<strong>投資</strong>」である点を説明いたしました。</p>

<h3>最後に</h3>

<p><img data-mt-asset-id="190" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_40.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>さて、最後に皆さんにお願いがあります。</p>

<p>今日のお話の中で、何かひとつでもよいです。</p>

<p>「これは自分たちにも関係あるかも」と感じていただけた点があれば、ぜひ仲間内や職場で「ウェブアクセシビリティ」を話題にしてみてください。</p>

<p>ウェブアクセシビリティ対応は、制作現場だけ、経営層だけ、など一部の人達だけでは前に進みません。</p>

<p>ウェブコンテンツに関わるすべての人がその重要性や楽しさに気付き、一緒に取り組む必要があります。</p>

<p>ぜひ、本日ご参加いただいた皆さんが、周りの人を巻き込み、動かす力になっていただけたらとてもうれしく思います。</p>

<p>一緒に、すべての人が使いやすい、よりよいウェブの未来を作っていきましょう。</p>

<h3>さらに深く学びたい方へ</h3>

<p><img data-mt-asset-id="192" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_41.png?auto=format&lossless=true&border=4,333333" width="1600" height="902" alt="" decoding="async" loading="lazy" /></p>

<p>最後にひとつだけ、紹介させてください。</p>

<p>今日のお話を聞いてウェブアクセシビリティについて「もう少し詳しく学んでみたい」、あるいは「職場で話すときの材料がほしい」と感じてくださった方に最適な、本セッションでお話ししたような基本的な内容から、特に企業においてウェブアクセシビリティに取り組む際に知っておくべき内容をわかりやすくまとめた「<strong>いちばんやさしいウェブアクセシビリティの教本</strong>」という書籍を今年の2月末にインプレス社より上梓いたしました。</p>

<p>もう少し詳しくウェブアクセシビリティを学びたいという方にとって、知っておくとよいことを網羅した内容となっておりますので、もしご興味がありましたらお近くの書店にてぜひチェックしてみてください。</p>

<p><img data-mt-asset-id="191" src="https://burnworks-inc.imgix.net/news/upload-docs/GAAD_japan_2026_S1_page_42.png?auto=format&lossless=true&border=4,333333" width="1600" height="900" alt="" decoding="async" loading="lazy" /></p>

<p>最後までご覧いただき、ありがとうございました。</p>

<hr />

<h2>関連リンク</h2>

<ul>
<li><a href="/news/article/501/">バーンワークス株式会社は GAAD Japan 2026 の協賛スポンサーになりました</a></li>
<li><a href="/news/article/500/">書籍「いちばんやさしいウェブアクセシビリティの教本」が発売されました</a></li>
<li><a href="https://www.gaad.jp/" target="_blank">GAAD Japan 公式サイト</a></li>
<li><a href="https://www.youtube.com/@gaadjapan684" target="_blank">GAAD Japan 公式 YouTube チャンネル</a></li>
</ul>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2026年5月21日 19:01 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/503/">https://burnworks.com/news/article/503/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>弊社の Claude Code 利用ガイドラインを GitHub で公開しました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/502/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-article-502-ogp.png" />
<id>tag:burnworks.com,2026:/news//5.502</id>

<published>2026-05-01T00:16:47Z</published>
<updated>2026-04-30T12:45:52Z</updated>

<summary>バーンワークス株式会社では、AI、および AI エージェントを安全、かつ効率的に利用するため、社内における AI エージェント（Claude Code）利用ガイドラインを定めていますが、このガイドラインを CC BY-NC 4.0 ライセンスで公開いたしました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-article-502-ogp.png" alt="弊社の Claude Code 利用ガイドラインを GitHub で公開しました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>バーンワークス株式会社では、ウェブサイト制作、ウェブシステム構築案件において AI、および AI エージェントを安全、かつ効率的に利用するため、社内における AI エージェント利用ガイドラインを定めていますが、このガイドラインのうち、Anthropic 社の Claude Code を弊社業務で利用する場合のガイドをまとめた、「バーンワークス株式会社 Claude Code 利用ガイドライン」を GitHub 上で公開いたしました。</p>

<ul>
<li><a href="https://github.com/burnworks/claude-code-guideline" target="_blank">バーンワークス株式会社 Claude Code 利用ガイドライン ： GitHub</a></li>
</ul>

<p>ガイドラインは「C<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">reative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) </a>」 ライセンスの下に公開され、ライセンスの範囲内においてどなたでもご利用が可能です。</p>

<p>弊社では以前、制作ガイドラインを同様に「CC BY-NC 4.0」ライセンスで公開しております。</p>

<ul>
<li><a href="/news/article/163/">弊社の制作ガイドラインをクリエイティブ・コモンズ・ライセンスで公開します</a></li>
</ul>

<p>この制作ガイドラインの中でも、「AI」セクションとして AI、AI エージェントの利用には触れていますが、今回の Claude Code 利用ガイドラインは、より具体的な利用ガイドラインとなっており、弊社で Claude Code を利用する場合の必須要件がまとめられております。</p>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2026年5月 1日 09:16 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/502/">https://burnworks.com/news/article/502/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>バーンワークス株式会社は GAAD Japan 2026 の協賛スポンサーになりました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/501/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/gaad-japan-1600x900-2026.png" />
<id>tag:burnworks.com,2026:/news//5.501</id>

<published>2026-04-08T07:54:40Z</published>
<updated>2026-04-30T11:52:07Z</updated>

<summary>GAAD（Global Accessibility Awareness Day）は、デジタル分野（ウェブ、ソフトウェア、モバイルなど）のアクセシビリティを考える日。バーンワークス株式会社では、このイベントの趣旨に賛同し、GAAD Japan 2026 の協賛スポンサーになりました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/gaad-japan-1600x900-2026.png" alt="バーンワークス株式会社は GAAD Japan 2026 の協賛スポンサーになりました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p><img alt="GAAD Japan 2026 - 世界各地でアクセシビリティを考える一日" src="https://burnworks-inc.imgix.net/news/upload-docs/gaad-japan-1600x900-2026.png?auto=format&lossless=true" width="1600" height="900" decoding="async" loading="lazy" /></p>

<p>GAAD（Global Accessibility Awareness Day）は、デジタル分野（ウェブ、ソフトウェア、モバイルなど）のアクセシビリティを考える日として、2012年からスタートした世界的な取り組みです。5月の第3木曜日をGAADの日として、毎年、世界各地でさまざまなイベント等が開催されています。</p>

<p>GAADの目的は、デジタルのアクセシビリティとさまざまな障害のあるユーザーについて、みんなで話したり、考えたり、学んだりする機会を持つことで、日本でも、GAAD Japan として、全国各地、どこからでも参加可能なオンラインセミナーを開催しています。</p>

<p>今年の GAAD Japan 2026 は2026年5月21日（木）に開催されますが、バーンワークス株式会社では、このイベントの趣旨に賛同し、協賛スポンサーとして微力ながらサポートをさせていただくことになりました。協賛スポンサーとしては、昨年に続き、2年連続となります。</p>

<ul>
<li><a href="https://www.gaad.jp/" target="_blank">GAAD Japan 2026 について詳しくはこちらをご覧ください（GAAD Japan 公式サイト）</a></li>
</ul>

<h2>参加申込受付中</h2>

<p>GAAD Japan 2026 は、ご自宅やオフィスなどからオンラインで参加できます。参加申込みは下記より可能で、無料ですので、ぜひお申し込みください。</p>

<ul>
<li><a href="https://gaadjp.connpass.com/event/388081/" target="_blank">GAAD Japan 2026 参加申込みページ</a></li>
</ul>

<p>また、 GAAD Japan 2026 をアクセシビリティに関心のある方々が集まって一緒に視聴する「パブリックビューイング」も全国各地で開催予定です。</p>

<p>詳しくは下記をご覧ください。</p>

<ul>
<li><a href="https://www.gaad.jp/p-view/" target="_blank">パブリックビューイング - GAAD JAPAN 2026</a></li>
</ul>

<h2>セッション登壇します</h2>

<p>GAAD Japan 2026 のオンラインセミナーは複数の登壇者によるセッションで構成されますが、その中の1セッションで、弊社代表の加藤が登壇いたします。</p>

<p>『やさしく学ぶウェブアクセシビリティ』と題したセッションで、初学者の方を対象に「ウェブアクセシビリティとは何か」「なぜ取り組む必要があるのか」といった、ウェブアクセシビリティに取り組む上で最も基本となる知識についてお話しします。</p>

<p>その他の登壇者、セッション概要については下記のページをご覧ください。</p>

<ul>
<li><a href="https://www.gaad.jp/speakers/" target="_blank">登壇者・セッション - GAAD JAPAN 2026</a></li>
</ul>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2026年4月 8日 16:54 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/501/">https://burnworks.com/news/article/501/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>書籍「いちばんやさしいウェブアクセシビリティの教本」が発売されました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/500/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/ichiyasa-web-accessibility-book-ogp.png" />
<id>tag:burnworks.com,2026:/news//5.500</id>

<published>2026-02-19T13:36:22Z</published>
<updated>2026-02-19T13:45:53Z</updated>

<summary>はじめてウェブアクセシビリティに取り組む皆さんが最低限知っておくべき基礎的な知識から、自身のプロジェクトや組織内においてウェブアクセシビリティに取り組む場合に、最初のステップとして参考にできる実践的なノウハウなどをわかりやすくまとめた書籍「いちばんやさしいウェブアクセシビリティの教本」が発売されました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/ichiyasa-web-accessibility-book-ogp.png" alt="書籍「いちばんやさしいウェブアクセシビリティの教本」が発売されました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>弊社代表 加藤が執筆した最新著書、「いちばんやさしいウェブアクセシビリティの教本」が、インプレスより発売されました。</p>

<p>インプレスの人気書籍シリーズ「いちばんやさしい教本」シリーズとして発売される本書は、はじめてウェブアクセシビリティに取り組む皆さんが最低限知っておくべき基礎的な知識から、自身のプロジェクトや組織内においてウェブアクセシビリティに取り組む場合に、最初のステップとして参考にできる実践的なノウハウなどをわかりやすくまとめた書籍です。</p>

<p><img src="https://burnworks-inc.imgix.net/news/upload-docs/ichiyasa-web-accessibility-book-002.jpg?auto=format&amp;lossless=true" width="1200" height="1200" alt="書籍「いちばんやさしいウェブアクセシビリティの教本」書影（帯あり）" decoding="async" loading="lazy" class="rounded-md" /></p>

<p><img src="https://burnworks-inc.imgix.net/news/upload-docs/ichiyasa-web-accessibility-book-001.jpg?auto=format&amp;lossless=true" width="1200" height="1200" alt="書籍「いちばんやさしいウェブアクセシビリティの教本」書影（帯なし）" decoding="async" loading="lazy" class="rounded-md" /></p>

<ul>
<li><strong>価格：</strong> 2,970円（本体 2,700円＋税10%）</li>
<li><strong>発売日：</strong> 2026 年 2 月 20 日</li>
<li><strong>ページ数：</strong> 288 ページ</li>
<li><strong>サイズ：</strong> A5 判</li>
<li><strong>ISBN-10：</strong> 4295023892</li>
<li><strong>ISBN-13：</strong> 9784295023890</li>
</ul>

<h2>ご購入は以下からどうぞ</h2>

<p>Amazon をはじめ、下記の主要なオンラインショップで購入可能です。その他、全国書店でも取り扱われますので、ぜひお近くの書店様でご確認ください。</p>

<ul>
<li><a href="https://amzn.asia/d/7kRZi2p" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を Amazon で購入">Amazon.co.jp</a></li>
<li><a href="https://books.rakuten.co.jp/rb/18470876/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を楽天ブックスで購入">楽天ブックス</a></li>
<li><a href="https://www.kinokuniya.co.jp/f/dsg-01-9784295023890" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を紀伊國屋書店で購入">紀伊國屋書店</a></li>
<li><a href="https://www.honyaclub.com/shop/g/g21216132/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を Honya Club で購入">Honya Club</a></li>
<li><a href="https://www.yodobashi.com/product/100000009004197454/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を ヨドバシ.com で購入">ヨドバシ.com</a></li>
</ul>

<h3>学校や会社でご購入いただく皆さまへ</h3>

<p>学校でウェブサイト制作やウェブデザインに関連してウェブアクセシビリティをカリキュラムとして教えていらっしゃる講師の方、あるいは教科書採用のご担当者様、またはウェブサイト制作会社など、ウェブアクセシビリティに取り組まれている、取り組もうとしている企業の福利厚生の一環としてなど、一括購入のご予定がございましたら、下記の窓口から一度お問い合わせいただければと思います。</p>

<ul>
<li><a href="https://book.impress.co.jp/guide/service/saiyou.php" target="_blank">学校・法人のお客様へ - テキスト採用・一括購入・お見積もり - インプレスブックス</a></li>
</ul>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2026年2月19日 22:36 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/500/">https://burnworks.com/news/article/500/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>書籍「いちばんやさしいウェブアクセシビリティの教本」が2026年2月20日に発売決定</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/499/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/ichiyasa-web-accessibility-book-ogp.png" />
<id>tag:burnworks.com,2026:/news//5.499</id>

<published>2026-01-27T06:27:54Z</published>
<updated>2026-01-30T05:21:00Z</updated>

<summary>はじめてウェブアクセシビリティに取り組む皆さんが最低限知っておくべき基礎的な知識から、自身のプロジェクトや組織内においてウェブアクセシビリティに取り組む場合に、最初のステップとして参考にできる実践的なノウハウなどをわかりやすくまとめた書籍「いちばんやさしいウェブアクセシビリティの教本」が発売されます。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/ichiyasa-web-accessibility-book-ogp.png" alt="書籍「いちばんやさしいウェブアクセシビリティの教本」が2026年2月20日に発売決定 ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p><a href="https://amzn.asia/d/7kRZi2p" target="_blank"><img src="https://burnworks-inc.imgix.net/news/upload-docs/ichiyasa-web-accessibility-book-ogp.png?auto=format&amp;lossless=true" width="1200" height="630" alt="「いちばんやさしいウェブアクセシビリティの教本」 を Amazon で予約購入" decoding="async" loading="lazy" class="rounded-md" /></a></p>

<p>弊社代表 加藤が執筆した最新著書、「いちばんやさしいウェブアクセシビリティの教本」が、2026年2月20日、インプレスより発売されることが決定しました。</p>

<p>インプレスの人気書籍シリーズ「いちばんやさしい教本」シリーズとして発売される本書は、はじめてウェブアクセシビリティに取り組む皆さんが最低限知っておくべき基礎的な知識から、自身のプロジェクトや組織内においてウェブアクセシビリティに取り組む場合に、最初のステップとして参考にできる実践的なノウハウなどをわかりやすくまとめた書籍です。</p>

<ul>
<li><strong>価格：</strong> 2,970円（本体 2,700円＋税10%）</li>
<li><strong>発売日：</strong> 2026 年 2 月 20 日</li>
<li><strong>ページ数：</strong> 288 ページ</li>
<li><strong>サイズ：</strong> A5 判</li>
<li><strong>ISBN-10：</strong> 4295023892</li>
<li><strong>ISBN-13：</strong> 9784295023890</li>
</ul>

<h2>ご予約は以下からどうぞ</h2>

<p>現時点で、Amazon をはじめ、下記のオンラインショップでも予約購入可能です。その他、発売日以降は全国書店にも並びますので、お近くの書店様でご確認ください。</p>

<ul>
<li><a href="https://amzn.asia/d/7kRZi2p" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を Amazon で予約購入">Amazon.co.jp</a></li>
<li><a href="https://books.rakuten.co.jp/rb/18470876/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を楽天ブックスで予約購入">楽天ブックス</a></li>
<li><a href="https://www.kinokuniya.co.jp/f/dsg-01-9784295023890" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を紀伊國屋書店で予約購入">紀伊國屋書店</a></li>
<li><a href="https://www.honyaclub.com/shop/g/g21216132/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を Honya Club で予約購入">Honya Club</a></li>
<li><a href="https://www.yodobashi.com/product/100000009004197454/" target="_blank" aria-label="書籍 「いちばんやさしいウェブアクセシビリティの教本」 を ヨドバシ.com で予約購入">ヨドバシ.com</a></li>
</ul>

<h3>学校や会社でご購入いただく皆さまへ</h3>

<p>学校でウェブサイト制作やウェブデザインに関連してウェブアクセシビリティをカリキュラムとして教えていらっしゃる講師の方、あるいは教科書採用のご担当者様、またはウェブサイト制作会社など、ウェブアクセシビリティに取り組まれている、取り組もうとしている企業の福利厚生の一環としてなど、一括購入のご予定がございましたら、下記の窓口から一度お問い合わせいただければと思います。</p>

<ul>
<li><a href="https://book.impress.co.jp/guide/service/saiyou.php" target="_blank">学校・法人のお客様へ - テキスト採用・一括購入・お見積もり - インプレスブックス</a></li>
</ul>

<p><img src="https://burnworks-inc.imgix.net/news/upload-docs/9784295023890.png?auto=format&amp;lossless=true" width="1200" height="1702" alt="書影「いちばんやさしいウェブアクセシビリティの教本」" decoding="async" loading="lazy" class="rounded-md" /></p>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2026年1月27日 15:27 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/499/">https://burnworks.com/news/article/499/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>WCAG 2.2 が ISO/IEC 国際規格として正式承認</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/498/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-498-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.498</id>

<published>2025-10-22T06:17:51Z</published>
<updated>2025-10-22T07:13:15Z</updated>

<summary>2025年10月21日付けにて、W3C が勧告するウェブアクセシビリティの標準である「Web Content Accessibility Guidelines (WCAG) 2.2」が、国際標準化機構（ISO）と国際電気標準会議（IEC）の合同技術委員会（JTC 1）によって、「ISO/IEC 40500:2025」として正式に承認されたことが W3C のプレスリリースにより公表されました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-498-ogp.png" alt="WCAG 2.2 が ISO/IEC 国際規格として正式承認 ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>2025年10月21日付けにて、W3C が勧告するウェブアクセシビリティの標準である「Web Content Accessibility Guidelines (WCAG) 2.2」が、国際標準化機構（ISO）と国際電気標準会議（IEC）の合同技術委員会（JTC 1）によって、「ISO/IEC 40500:2025」として正式に承認されたことが W3C のプレスリリースにより公表されました。</p>

<ul>
<li><a href="https://www.w3.org/ja/press-releases/2025/wcag22-iso-pas/" target="_blank">W3CのWebコンテンツ・アクセシビリティ・ガイドライン2.2がISO/IEC国際標準として承認</a></li>
</ul>

<p>WCAG 2.2 は、ISO/IEC JTC 1において公開仕様（PAS: Publicly Available Specification）として処理されており、以下、ISO のウェブサイトから取得可能になっています <span class="text-sm">※</span>。</p>

<ul>
<li><a href="https://www.iso.org/standard/91029.html" target="_blank" hreflang="en">ISO/IEC 40500:2025 - Information technology -- W3C Web Content Accessibility Guidelines (WCAG) 2.2</a></li>
</ul>

<p>※ なお、実際には9月の時点で公開されていました（以下の X ポスト参照）。</p>

<blockquote class="twitter-tweet">

<p>なんかきてた<br />
ISO/IEC 40500:2025 - Information technology -- W3C Web Content Accessibility Guidelines (WCAG) 2.2<a href="https://t.co/49xHo7R4VB">https://t.co/49xHo7R4VB</a></p>

<p>&mdash; Yoshiki Kato (@burnworks) <a href="https://twitter.com/burnworks/status/1970747794274296245?ref_src=twsrc%5Etfw">September 24, 2025</a></p>

</blockquote>

<h2>ISO/IEC 40500:2025の詳細</h2>

<p>プレスリリースの内容によると、今回承認された「ISO/IEC 40500:2025」は、「2023年10月5日版」の WCAG 2.2 に基づく一致規格となっています。このバージョンは、WCAG 2.2 がはじめて W3C 勧告（Recommendation）となったバージョンです。</p>

<p>現在の最新版は「2024年12月2日」版ですが、これは達成基準など重要な部分に変更が入ったものではなく、細かい文言、表記方法、誤字修正が入ったもので、この差分は実際のウェブアクセシビリティ対応に影響しません。また、W3Cは引き続き「ISO/IEC 40500」を最新版の WCAG 2.2 に一致させる更新する作業を進めており、2026年後半には「ISO/IEC 40500:2026」として利用可能になるとの予想がされています。</p>

<h2>日本国内における動き</h2>

<p>WCAG 2.2 の ISO/IEC 規格化を受けて、日本においても「JIS X 8341-3」の改正が2026年にはいよいよ本格化することになるでしょう。</p>

<p>このような状況下で、例えば、「今からウェブアクセシビリティ対応をはじめる場合に、JIS X 8341-3:2016 を対象規格にしてよいのだろうか？」あるいは、「改正が近いのであれば、古くなる可能性の高いガイドラインを使わず、JIS X 8341-3:202x へと改正されるのを待ってから取り組みをはじめた方がよいのではないだろうか？」といったことをお考えの企業様もいらっしゃるかもしれません。</p>

<p>また、すでにウェブアクセシビリティ対応に取り組まれている企業様においては、「今まで JIS X 8341-3:2016 を対象規格に取り組んできたことが無駄になるのでは？」と心配される可能性もあるかも知れません。</p>

<p>このような点に関しましては、以前、本コラムでも以下の記事を書いておりますので、ぜひ合わせてご覧ください。結論から言えば、そんなことは気にせず、今できるウェブアクセシビリティへの取り組みを進めてくださいということになります。</p>

<ul>
<li><a href="/news/article/489/">2025 年のアクセシビリティ対応は、JIS X 8341-3:2016 と WCAG 2.2 のどちらではじめるべきか</a></li>
</ul>]]>
<![CDATA[<hr />

<p>バーンワークス株式会社のウェブアクセシビリティ対応サービスについて、詳しくは下記のリンクよりご確認ください。</p>

<ul>
<li><a href="/service/a11y_service/">ウェブアクセシビリティ対応サービス</a></li>
</ul>

<p>具体的な要件は決まっていないが、ウェブアクセシビリティ対応などについて相談したいことがある、という企業様向けに、必要な時、必要なタイミングで利用できる「スポット利用」と、月額・定額でコンサルティングを利用できる「月額・定額プラン」から選択してご利用可能な、「<a href="/service/consulting_service/">オンライン ウェブアクセシビリティ コンサルティング</a>」も提供しておりますので、お気軽にご相談ください。</p>

<h2>この記事をご覧の方にお勧めのサービス</h2>

<ul>
<li><a href="/service/consulting_service/">オンラインスポットコンサルティング</a><br>アクセシビリティに関する最初のご相談窓口として多くの企業様にご利用いただいております</li>
<li><a href="/service/web_development/accessibility/">ウェブアクセシビリティ対応（適合・準拠）サービス</a><br>アクセシビリティ方針策定からドキュメント整備なども含めた社内体制構築の支援からアクセシビリティガイドラインに準拠したウェブサイトのリニューアルや構築、試験結果の作成まですべてご提供です</li>
<li><a href="/service/accessibility-check/">ウェブアクセシビリティ チェック（評価）サービス</a><br>現状把握のためのアクセシビリティ試験など、各ガイドライン、各適合レベルに応じた試験を実施可能です</li>
</ul>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年10月22日 15:17 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/498/">https://burnworks.com/news/article/498/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>ウェブサイトのアクセシビリティ品質をモニタリングできるダッシュボードツール「axe Auto Reporter Web」を公開しました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/497/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/images/axe-auto-reporter-web-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.497</id>

<published>2025-10-20T13:20:23Z</published>
<updated>2025-10-21T11:48:42Z</updated>

<summary>指定した sitemap.xml 内の URL に対してアクセシビリティテストを自動的に実行、その結果をレポートとして表示するダッシュボードツールを開発、自由に利用可能な状態で公開しました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/images/axe-auto-reporter-web-ogp.png" alt="ウェブサイトのアクセシビリティ品質をモニタリングできるダッシュボードツール「axe Auto Reporter Web」を公開しました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>弊社では以前から、「<a href="https://github.com/burnworks/axe-auto-reporter" target="_blank">axe-auto-reporter</a>」 という、<a href="https://github.com/dequelabs/axe-core-npm/tree/develop/packages/puppeteer" target="_blank">@axe-core/puppeteer</a> を使用して、テキストファイルで作成した URL リストに対して自動的にアクセシビリティテストを実行し、その結果を HTML ファイルとして保存するスクリプトを GitHub で公開していました。</p>

<p>この度、このスクリプトを活用しつつウェブ UI を追加することで、ブラウザでアクセシビリティレポートを確認できるダッシュボードツール 「axe Auto Reporter Web」を新たに公開しました。</p>

<ul>
<li><a href="https://github.com/burnworks/axe-auto-reporter-web" target="_blank">burnworks/axe-auto-reporter-web</a></li>
</ul>

<p>ダッシュボードではレポートのサマリーが確認できます。</p>

<p><img alt="axe Auto Reporter Web ダッシュボード スクリーンショット" src="https://burnworks-inc.imgix.net/news/images/screen-shot-axe-Auto-Reporter-Web.png?auto=format&amp;lossless=true" width="1600" height="933" decoding="async" loading="lazy" /></p>

<p>さらに、それぞれの URL をクリックするとレポートの詳細が確認できます。</p>

<p><img alt="axe Auto Reporter Web レポートページ スクリーンショット" src="https://burnworks-inc.imgix.net/news/images/screen-shot-axe-Auto-Reporter-Web-02.png?auto=format&amp;lossless=true" width="1600" height="933" decoding="async" loading="lazy" /></p>

<p>ダッシュボードはライトモード、ダークモードに対応しており、上記キャプチャはダークモード時のものです。</p>

<p>ダッシュボードを立ち上げ、初期設定として設定画面で、<code>sitemap.xml</code> の URL を指定するだけで、自動的にそこから最大 100 件 （デフォルト値 / 設定画面で変更可能） 分の URL を取得し、axe-core を使用したアクセシビリティテストを実施します。</p>

<p>すでにウェブサイトで <code>sitemap.xml</code> を公開している場合はウェブサイト側での対応は不要ですぐにアクセシビリティテストを開始できます。</p>

<p>あるいは、このツール専用にテスト対象 URL を選抜した <code>sitemap.xml</code> を用意することも可能です。</p>

<p>セットアップも比較的簡単ですので、ウェブサイトのアクセシビリティ品質を定期的にモニタリングしたい企業様などご利用いただけます。</p>

<p>axe-core を使用したアクセシビリティテストは、自動テストですので、ツールによるテストだけをもって正確なアクセシビリティ品質を判断することはできませんが、全体の傾向やエラーの増減などをモニタリングする用途で使用可能です。</p>

<p>詳しい使い方はリポジトリの <a href="https://github.com/burnworks/axe-auto-reporter-web/blob/master/README.md" target="_blank">README.md</a> をご確認ください。</p>

<hr />

<p>ウェブアクセシビリティ対応に取り組むにあたり、はじめの一歩、大まかな現状把握のためのツールとして「axe Auto Reporter Web」は自由にご利用いただけます。</p>

<p>その上で、より本格的な、アクセシビリティ専門家によるテスト、コンサルティングが必要だなとお考えの場合は、ぜひ弊社までご相談ください。</p>]]>
<![CDATA[<hr />

<p>バーンワークス株式会社のアクセシビリティチェック（試験）関連サービスの詳細は、下記のリンクよりご確認ください。</p>

<ul>
<li><a href="/service/accessibility-check/">アクセシビリティチェック（検証・試験）</a></li>
<li><a href="/service/accessibility-auto-check/">低価格な簡易（自動）アクセシビリティチェック（検証・試験）</a></li>
</ul>

<p>バーンワークス株式会社のウェブアクセシビリティ対応サービスについて、詳しくは下記のリンクよりご確認ください。</p>

<ul>
<li><a href="/service/a11y_service/">ウェブアクセシビリティ対応サービス</a></li>
</ul>

<p>その他、具体的な要件は決まっていないが、ウェブアクセシビリティ対応などについて相談したいことがある、という企業様向けに、必要な時、必要なタイミングで利用できる「スポット利用」と、月額・定額でコンサルティングを利用できる「月額・定額プラン」から選択してご利用可能な、「<a href="/service/consulting_service/">オンライン ウェブアクセシビリティ コンサルティング</a>」も提供しておりますので、お気軽にご相談ください。</p>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年10月20日 22:20 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/497/">https://burnworks.com/news/article/497/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>これからは LLMO（大規模言語モデル最適化）の時代？ それ、アクセシビリティ対応で実現できますよ</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/495/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-495-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.495</id>

<published>2025-07-09T08:14:23Z</published>
<updated>2025-10-05T02:25:45Z</updated>

<summary>最近注目されるLLMO（大規模言語モデル最適化）の本質は、従来のウェブアクセシビリティの原則と同じです。マシンリーダブルなコンテンツ作成により、LLM対応とアクセシビリティ向上を同時に実現する方法を解説します。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-495-ogp.png" alt="これからは LLMO（大規模言語モデル最適化）の時代？ それ、アクセシビリティ対応で実現できますよ ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>近年、LLMO（Large Language Model Optimization：大規模言語モデル最適化）という概念が注目を集めています。これは、大規模言語モデル（LLM）による情報収集や処理を前提として、ウェブコンテンツを最適化する手法です。</p>

<p>しかし、アクセシビリティを専門分野として長年ウェブコンテンツの品質向上に携わってきた立場からみれば、LLMOで求められる要素の多くは、従来からウェブアクセシビリティの実践において重視されてきた原則と本質的に同じものに感じます。</p>

<p>本コラムでは、LLMOの概念を整理した上で、アクセシブルなウェブコンテンツの設計・実装を行うことが、どのようにLLMOの要求を満たすのかについて思うところを書いてみたいと思います。</p>

<h2>LLMO（Large Language Model Optimization）とは</h2>

<p>はじめに、LLMOに対する私の理解を簡単にまとめておきます。</p>

<p>LLMOとは、ChatGPTやClaude、Geminiなどの大規模言語モデルが効率的に情報を理解・処理できるよう、ウェブコンテンツを構造化・最適化する手法だと理解しています。</p>

<p>Googleなどの検索エンジンに対してウェブコンテンツを最適化する、SEO（Search Engine Optimization：検索エンジン最適化）をAI（LLM）向けにしたものと考えるとわかりやすいでしょう。</p>

<p>具体的には、以下のような要素が重視されることになるでしょう。</p>

<h3>構造化された情報の提示</h3>

<p>HTMLにおける論理的な文書構造の構築、例えば見出しタグの適切な使用、意味論的に正しい要素選択などによって、情報の持つ意味や関係性などを正しく示すことが求められます。それによって、LLMは文書の構造を正確に把握し、重要な情報を効率的に抽出可能になります。</p>

<p>適切なタイトルタグ、メタディスクリプション、構造化データなど、メタデータの付与によって、コンテンツの内容と文脈をLLMに正確に伝えることなども含まれるでしょう。</p>

<h3>明確で簡潔な表現</h3>

<p>冗長な表現を避け、要点を明確に伝える文章構成が重要視されます。曖昧な表現や複雑な修辞技法は、LLMが文章を理解する精度を低下させる可能性があります。</p>

<p>また、同じ種類の情報は常に同じ形式で表現されていることも重要で、例えば同じ意味なのに異なる用語を使っていたり、逆にひとつの用語が他方では別の定義で使われていたりすると、人間でもLLMでもその理解が難しくなってしまう場合がありますから避けなければなりません。</p>

<h3>テキストによる情報提供</h3>

<p>視覚的に画像や動画をみることができる人間にとって、それらが与える視覚からの情報は、文章で説明されるよりも明確な場合もありますが、現時点でのLLMの性能では、人間と同等に画像や動画の中身を理解することは難しい場合もあり、テキストによって説明されていることが重要なポイントとなります。</p>

<p>例えば画像や動画など、テキスト以外のコンテンツであれば、その内容をLLMが理解しやすいように詳しい代替テキストを提供したり、場合によっては代替コンテンツをテキスト情報として提供することで、LLMが理解するのを手助けすることができるかもしれません。</p>

<h2>LLMOに必要なのはマシンリーダブルなコンテンツ</h2>

<p>ここまでの内容を踏まえるとおわかりいただけると思いますが、LLMOは本質的に「機械（プログラム）が理解しやすい（マシンリーダブルな）コンテンツ」の作成を目指していることが分かります。</p>

<p class="module-article-aside">「マシンリーダブル」とは、コンピュータプログラムが内容を正確に解釈できる形式で情報が記述されていることを指します。例えば、見出しが視覚的に大きな文字で表示されているだけでなく、HTMLの見出し要素（h1、h2など）を使って「これは見出しです」と明示的に示されている状態や、画像に代替テキストが適切に設定されて「この画像は何を表しているか」がテキストで説明されている状態を指します。人間なら見た目などから直感的に理解できる情報でも、機械には明確な「意味づけ」や「説明」が必要です。</p>

<p>LLMの進化スピードはめまぐるしいですが、とはいえ、人間のように複雑な文章や画像、図版、グラフ、表などが組み合わさったドキュメントを、場合によってはそのドキュメントの背景や文脈まで加味しつつ正確に読み解いていったり、タイポグラフィのみから、どこが見出しで、どこが本文で、どれが注釈なのか、などといった文書構造まで理解していくようなことはまだまだ難しいのが現状です。</p>

<p>LLMに正しく理解（LLMが本質的に「理解」しているかはさておき）させるには、HTMLなど、標準化された技術による構造化され、意味づけされたデータが必要であり、その構造化や意味づけが正確であればあるほど、機械はその内容を正しく読み込み、処理することが可能になります。</p>

<p>これは、ウェブアクセシビリティに関しても同様です。</p>

<p>ウェブアクセシビリティには土台となる4つの原則、<strong>知覚可能</strong>、<strong>操作可能</strong>、<strong>理解可能</strong>、<strong>堅牢</strong> がありますが、これら原則への対応においても、ウェブコンテンツがマシンリーダブルであることは重要な前提条件のひとつとなります。</p>

<p>なぜなら、ブラウザなどのユーザーエージェントや、支援技術はすべて、LLM同様に機械（プログラム）だからです。</p>

<p>利用者がウェブコンテンツを正しく理解し、操作するためには、使用しているブラウザや支援技術がウェブコンテンツによって提示された情報やUI（ユーザーインターフェース）の意味、機能、用途などを正確に読み解き、正しくレンダリングした上で利用者に伝えてくれることが必須です。</p>

<p>ブラウザや支援技術が「この部分は操作可能なボタンだ」と正しく理解できなければ、ブラウザはキーボード操作でその要素にフォーカスを移動させないかもしれませんし、読み上げ環境などを使用している利用者に、そこにボタンがあることを全く知らせないかもしれません。</p>

<p>あるいはボタンだとわかっても、機械が理解可能な方法でラベルが提供されていなければ、利用者に「何のためのボタンか」が正しく伝わらないかもしれません。</p>

<p>もしかすると、今後、LLMがより進化して人間に近づき、ブラウザや支援技術などにもLLMの応用が進むことで、コンテンツ全体の内容や、前後の文脈などから、人間のように「察して」内容を読み解き、補足してくれるようになるのかもしれませんが、それは現時点でマシンリーダブルなコンテンツを意識しなくてもよいということにはなりません。</p>

<p class="module-article-aside">ちなみに、主にウェブアクセシビリティの文脈における、「マシンリーダブル（機械判読可能 / 機械可読）なコンテンツの重要性」については、弊社のコラムなどでも何度か書いていますので、例えば以下の記事などをご参照ください。</p>

<ul>
<li><a href="/news/article/471/">今、企業に求められるウェブサイトのアクセシビリティ対応とは</a></li>
<li><a href="/news/article/492/">社内のデータやナレッジを AI 対応させ生産性を上げるには、「マシンリーダブル」なデータの蓄積が重要</a></li>
</ul>

<h2>LLMOにとどまらないアクセシブルなコンテンツのメリット</h2>

<p>マシンリーダブルでアクセシブルなウェブコンテンツを目指す取り組みは、LLMOだけでなく、検索エンジン、その他、様々なプログラムやデバイスによる情報処理の視点からもウェブサイトの評価や利用性を向上させます。結果として、利用者の利便性向上、運用効率の改善、さらには企業の収益向上など、様々なメリットが生まれます。</p>

<h3>SEO（検索エンジン最適化）の強化</h3>

<p>アクセシブルなウェブコンテンツは、意味論（セマンティクス）的に正しいHTMLによって構造化されるため、検索エンジンのプログラムにとっても理解しやすい情報となります。結果として、コンテンツの内容をプログラムが正しく理解し、評価すること容易にし、検索順位の向上が期待できます。</p>

<p>また、意味論的に正しいHTML構造は、コンテンツの保守性や再利用性を高め、ウェブサイト全体の運用効率を向上させる効果も期待できます。</p>

<h3>検索性（ファインダビリティ）の向上</h3>

<p>マシンリーダブルなウェブサイトは、検索エンジンのクローラーなど、プログラムがウェブページ内の情報を正確に解析できるため、ユーザーが求める情報に迅速にアクセスできるようになります。これは、ウェブコンテンツのファインダビリティ（見つけやすさ）に寄与し、ユーザー体験の向上につながります。</p>

<p>また、ユーザーが必要な情報に迅速にアクセスできることで、利用者満足度が向上し、結果としてコンバージョン率の改善や売上向上にも繋がる可能性があります。</p>

<h3>多様なデバイスを利用するユーザーの利便性向上</h3>

<p>1人のユーザーが様々なデバイスを使い分ける現在、パソコンはもちろん、スマートフォンやタブレット、さらには音声アシスタントなど、ニーズに応じて最適なデバイスを使い分けるユーザーにとってもアクセシブルなウェブコンテンツは必須です。</p>

<p>例えば、会社のデスクトップパソコンで利用している時は問題がなくても、帰宅してから自分のスマートフォンで表示すると文字やボタンが小さくて操作しにくい、パソコン版では利用できた重要な機能が全く利用できないといったことがあれば、ユーザーは大きなストレスを抱えることになります。</p>

<h3>競争優位性の確保</h3>

<p>グローバル化と多様化が進む現代市場では、アクセシブルなコンテンツ制作を実施する企業は、幅広いユーザー層の獲得という大きなメリットを享受できます。</p>

<p>特に、企業のウェブサイトが情報発信や顧客・ステークホルダーとのエンゲージメントを促進する主要な窓口となっている中で、すべてのユーザーが快適に利用できる環境を整えることは、競合他社との差別化に直結し、ブランド価値の向上にも寄与します。</p>

<p>また、前述の通り、マシンリーダブルなデータ構造を実現したウェブコンテンツは、各種新技術とのシナジー効果を生み出し、結果として企業の競争力向上に直結します。</p>
]]>
<![CDATA[<h2>LLMOという新しい概念に飛びつくのではなく、普遍的なアクセシビリティ向上に取り組みましょう</h2>

<p>LLMOという概念の登場は、ウェブコンテンツの品質について改めて考える良い機会です。しかし、その本質を理解すると、LLMOで求められる要素の多くは、アクセシビリティの分野で長年培われてきた原則と実践方法に既に含まれていることがお分かりいただけると思います。</p>

<p>真に価値のあるウェブコンテンツとは、人間にとっても機械にとっても理解しやすく、利用しやすいものです。そのようなコンテンツは、特別なLLMO対策を講じることなく、自然にLLMにとっても最適な形式となります。</p>

<p>ウェブマーケティングの世界では、定期的に新しい用語が生まれ、「○○の時代は終わった」「これからは●●の時代だ」といった話題で持ちきりになりがちです。</p>

<p>しかし、本質的な部分を理解すれば、優れたウェブコンテンツに求められる基本的な要件は大きく変化しておらず、すべての人が使えて、多くの人に使いやすく、わかりやすいと感じてもらえるウェブコンテンツを目指すことがいつの時代にも重要だと言うことに気がつくでしょう。</p>

<p>ぜひ、企業の皆さまにおかれましては、「LLMOに取り組まないと時代に取り残されますよ」といった一時的な流行や煽りに左右されず、より長期的な視点で、本質的な取り組みに予算とリソースを投入していただくことを願います。</p>

<p>ちなみに、実は10年前にも以下のコラムを書いており、今回の話題とほぼ同じようなことを書いています。</p>

<ul>
<li><a href="/news/article/45/">SEOの本質は何も変わっていない</a></li>
</ul>
]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年7月 9日 17:14 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/495/">https://burnworks.com/news/article/495/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>「検査証明書」をお求めになる皆さまへの弊社の対応について</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/494/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/static/img/ico/bw.png" />
<id>tag:burnworks.com,2025:/news//5.494</id>

<published>2025-06-17T04:21:49Z</published>
<updated>2025-06-17T07:50:25Z</updated>

<summary>ウェブアクセシビリティチェック（試験）サービスに関連して、「検査証明書」の発行に関するお問い合わせをいただくケースが増えております。ご要望の意図は理解しつつも、弊社独自の検査証明書発行には実質的な意味を見いだせないため、大変恐縮ですが対応できませんという話です。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">

<![CDATA[<p>弊社は、ウェブアクセシビリティチェック（試験）サービスを公的機関や企業向けにご提供していますが、お問い合わせの中で「検査証明書を発行してもらえますか？」というご質問やご要望をいただくケースが増えております。</p>

<p>企業や組織のご担当者様がウェブアクセシビリティ試験に対して、「検査証明書」をお求めになる背景には、おそらく実務的なご事情があるものと推察いたします。</p>

<p>社内での稟議や上司への報告において「検査証明書があれば説明しやすい」「形として残るものが欲しい」といったニーズ、あるいは第三者によって試験してもらったという「お墨付き」のようなものが欲しいと思われることについても十分理解できます。</p>

<p>また、アクセシビリティという専門分野について詳しくない方にとって、他の分野でのご経験から「検査」＝「検査証明書発行」というイメージを持たれることも自然なことかもしれません。</p>

<p>ですので、弊社としましても、このようなご要望を一方的に否定するつもりはございません。しかしながら、このような事情を考慮してもなお、弊社としてウェブアクセシビリティ試験の本来の目的を踏まえ、「検査証明書」の発行は行わないことを基本方針としております。</p>

<h2>なぜ弊社は「検査証明書」を発行しないのか</h2>

<p>以前のコラムでも書いていることですので繰り返しにはなりますが、ウェブアクセシビリティへの取り組みは終わりのない長い旅です。</p>

<p>その過程で実施される JIS X 8341-3 や WCAG に基づくアクセシビリティ試験は、あくまで「試験した時点で」どの程度ガイドラインに適合しているのかを評価するものであり、問題点を洗い出し、次の改善プロセスにつなげていくためのものです。</p>

<p>つまり、試験によって、その試験対象となったウェブコンテンツのアクセシビリティ品質が「保証」されたり、第三者によって「認証」されるような性格のものではありません。当然ながら、今日の試験結果が明日以降のアクセシビリティ品質を保証してくれるわけでもありません。</p>

<p>同時に、ウェブアクセシビリティ試験の結果を公的に権威付ける制度も現時点では存在しません <span class="text-xs">※</span>。仮に弊社が試験したことを「検査証明書」で証明したとしても、それ自体に法的根拠はなく、第三者に対する証明力も限定的です。</p>

<p>弊社としましては、そのような（弊社として実質的な効力が乏しいと判断する）書類の発行に対してお客様にコストをご負担いただくことは本意ではないため、検査証明書につきましては発行しない前提でご案内を差し上げております。</p>

<p class="module-article-aside">※ 例えば国内では、ISO/IEC 17020 に基づき JAB（公益財団法人日本適合性認定協会）が検査機関を認定する仕組みがあります（ただし、この認定が JIS X 8341-3 を対象としたウェブアクセシビリティ試験に対して法的な根拠や公的な影響を与えるものではありません）。よって「JAB に認定された適合性評価機関による試験である」ということを証明するために検査証明書を使用することには一定の権威付け的な意味があると考えます。しかし、弊社は JAB 認定機関ではないため、弊社独自の「検査証明書」に実質的な意味はないという意味です。</p>

<p class="module-article-aside">※ 個人向けの民間資格では、IAAP（International Association of Accessibility Professionals）が提供する CPACC / WAS / CPWA など国際的に業界内で認められる資格がありますが、試験結果が「公的に権威付けられる制度ではない」という意味です。</p>

<h2>「適合宣言」の作成はお手伝いします</h2>

<p>WCAG（JIS X 8341-3 も含む）では、試験結果に基づき、ウェブコンテンツの制作者自らが「適合宣言」をすることを認めています。また、JIS Q 17050 に基づき「供給者適合宣言書」の作成を行うことも可能です。</p>

<p>あるいは、JIS X 8341-3:2016、およびウェブアクセシビリティ基盤委員会（WAIC）が定める対応度表記ガイドラインに基づき、試験結果を踏まえて、ウェブサイトやウェブコンテンツのウェブアクセシビリティガイドライン対応度を公表することも可能ですが、そのような書類、あるいはウェブページの作成をお客様がご要望の際は、積極的にお手伝いさせていただいております。</p>

<p>繰り返しになりますが、仮に適合宣言などを行ったとしても、そこでウェブアクセシビリティへの取り組みが完結するものではありません。しかし、ウェブアクセシビリティに対する取り組みの成果を可視化する「マイルストーン」としては意義があります。</p>

<p>つまり、適合宣言を公開すること自体が、利用者、取引先、社内関係者に対して「現在ウェブアクセシビリティへの取り組みがどこまで達成できているか」を明示し、かつ「ここで終わりではなく、今後も定期的に点検し、改善を続ける」というコミットメントを明確にすることになります。そのため、コストをかけるに値する部分だと認識しています。</p>

<p>弊社では、コスト効率よく、持続可能なウェブアクセシビリティへの取り組みをご希望の皆さまからのお問い合わせをお待ちしております。</p>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年6月17日 13:21 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/494/">https://burnworks.com/news/article/494/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>社内のデータやナレッジを AI 対応させ生産性を上げるには、「マシンリーダブル」なデータの蓄積が重要</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/492/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-ogp-492.png" />
<id>tag:burnworks.com,2025:/news//5.492</id>

<published>2025-05-01T00:11:11Z</published>
<updated>2025-05-01T02:14:40Z</updated>

<summary>AI 時代の社内データ管理は「マシンリーダブル（機械可読）」であることが重要という視点から、マークダウン（Markdown）の活用を中心に、AI が有効活用しやすい、社内データやナレッジの蓄積方法に関する実践例をご紹介。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-ogp-492.png" alt="社内のデータやナレッジを AI 対応させ生産性を上げるには、「マシンリーダブル」なデータの蓄積が重要 ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>普段、このコラムではアクセシビリティやユーザビリティの話を中心に書いていますが、今回は少しだけ時流にのって AI の話題を。</p>

<p>AI の活用が当たり前になった現在において、企業にとって重要な財産である社内のデータやナレッジをどのような形で管理、蓄積していくのがよいのか、ひとつの考え方として、弊社で実際に取り組んでいることを紹介しつつ書いてみたいと思います。</p>

<p>さて、今まで社内データやナレッジを蓄積する場所として、社内ポータルのような社内専用ウェブサイト、あるいは Notion や、Slack などの外部サービスにテキストデータ（最終的には HTML として表示される）として蓄積する、もしくは、社内のファイルサーバやクラウドストレージに、エクセルやパワーポイントといった、いわゆる Office 系アプリで作成したデータを保存するといったケースが主流でした。</p>

<p>そして、人間がこれを利用する場合には、「キーワードで検索」することにより、欲しいデータを探し出す、という手法が一般的だったわけですが、AI が普及し、蓄積したデータを「キーワードで検索」するのではなく、AI、あるいは AI エージェントのデータソースとしてより効率的に活用し、生産性を上げることが求められる現在においては、このようなデータ蓄積方法が足かせになる場合もあります。</p>

<p>例えば、Office 系のアプリケーションで作成された資料は、人間が読むには適していても、AI が効率的に処理するには適していないケースがあります。</p>

<p>また、特定のサービス内でデータを蓄積した場合は、そのデータに対して、外部から自分たちにとって使いやすい AI ツールを選択しながらアクセスすることが困難な場合もありますし、場合によってはそのサービスが独自に提供する AI しか利用できないという制約が生じる可能性もあります。</p>

<p>現在では、「AI にとって最も効率よく利用できる形」から逆算した、データやナレッジ蓄積の方法を考慮する必要があるでしょう。</p>

<p>そのため、弊社では近年、業務に使用するデータをなるべく自分たちの手元で、かつマシンリーダブル（機械可読）なデータとして蓄積していく方法を選択しています。</p>

<p>具体的には可能な限り、データやナレッジを「マークダウン（Markdown）形式」のファイルで保存すること。どうしても Office 系のアプリケーションで作成しないといけないドキュメントについても、可能な限り AI が理解可能なメタデータを補完すること。さらに保存する場所は GitHub 上に集約するという取り組みです。</p>

<p>もちろん、日々の業務に、Slack などのツールはなくてはならないものとして使用していますが、あくまでこれらツールは日々流れていく一時的なコミュニケーション（フロー情報）をやりとりするものとし、長期的に価値を持ち蓄積すべき知識やデータ（ストック情報）については、必要に応じてこれらツールから抜き出した上で、前述した方法で社内に蓄積していくことを目指しています。</p>

<h2>マシンリーダブルとは何か</h2>

<p>本題に入る前に、マシンリーダブル（機械可読）について簡単に説明しておきましょう。</p>

<p>マシンリーダブルとは、機械（プログラム）が扱いやすい形式で保存された情報です。AI もプログラムですので、マシンリーダブルなデータを蓄積することは、AI が効率的に情報を処理するためには不可欠な要素となっています。</p>

<p>マシンリーダブルなデータの特徴としては以下が挙げられます。</p>

<ol start='1'>
<li><strong>構造化されている</strong>: <br />
情報が明確な構造を持ち、機械が理解しやすい形式になっている（例えば、JSON や HTML も構造化されたデータと言えます）</li>
<li><strong>一貫性がある</strong>: <br />
同じ種類の情報は常に同じ形式で表現されている</li>
<li><strong>メタデータを含む</strong>: <br />
データに関する情報（作成日時、作成者、概要やカテゴリなど）が明示的に示されている</li>
<li><strong>標準的な形式を使用</strong>: <br />
JSON や XML、マークダウン（HTML も含む）など広く採用されている形式を利用している</li>
</ol>

<p>AI の技術が進むことで、画像の内容や、画像内に存在するテキスト、複雑なエクセルや画像だらけのパワーポイント資料のデータなども、人間が読むように、正しく解析できる日が来ることは予想できますが、現時点において、効率よく AI にデータを処理してもらうためには、なるべくマシンリーダブルな形式でデータを蓄積するのが、最もよい選択だと思います。</p>

<h2>弊社の例：マシンリーダブルなデータ蓄積</h2>

<p>弊社では以下のような取り組みで、AI が活用しやすいデータやナレッジの蓄積を行っています。</p>

<h3>1. 基本的にマークダウン形式のファイルで保存</h3>

<p>マークダウン形式は、軽量でシンプルなマークアップ言語であり、以下のような利点があります。</p>

<ul>
<li><strong>テキストベース</strong>: <br />
シンプルなテキスト形式なので、様々なツールで編集・閲覧が可能</li>
<li><strong>構造化</strong>: <br />
見出し、リスト、表などの構造を明示的に表現できる</li>
<li><strong>可読性</strong>: <br />
人間にとっても読みやすく、編集しやすい</li>
<li><strong>AI との親和性</strong>: <br />
生成 AI はマークダウン形式のテキストを非常に効率的に処理できる</li>
</ul>

<p>また、副次的なメリットとして以下も挙げられます。</p>

<ul>
<li><strong>バージョン管理の容易さ</strong>： <br />
Git でのバージョン管理と相性がよい</li>
<li><strong>再利用性が高い</strong>： <br />
HTML をはじめ、他の形式のファイルへの変換が容易。また、Next.js や Astro.js など JavaScript フレームワークを使用する場合のデータソースとしても利用しやすい</li>
<li><strong>軽量</strong>： <br />
テキストベースでファイル容量が小さいため、保存に必要なストレージ容量が節約できる（エコ）</li>
</ul>

<p>特に、弊社がマークダウン形式のファイルに拘るのは、Git によるバージョン管理と相性がよいという点が重要なポイントです。</p>

<p>例えば弊社では、以下のようなさまざまな情報をマークダウン形式で保存しています。</p>

<ul>
<li><strong>お客様とのやり取り</strong>: <br />
お問い合わせとその回答内容など（メールで送受信したものをマークダウン形式のファイルにして保存）</li>
<li><strong>社内ルールや就業規則など</strong>: <br />
すべての社内規定文書（例えば、「就業規則」「出張旅費規程」など、一般的な企業でよく参照される社内文書類）</li>
<li><strong>制作ガイドラインなど</strong>: <br />
制作ガイドライン、デザインガイドライン、セキュリティガイドラインなどの業務に関係する社内ガイドライン類</li>
<li><strong>専門知識の集積</strong>: <br />
ウェブサイト制作業務などで頻繁に参照する HTML や CSS の仕様、WCAG などのガイドラインや、関連ドキュメント</li>
<li><strong>過去の成果物</strong>: <br />
会社ブログの記事、note で書いた記事や、雑誌等への寄稿文、あるいはクライアント向けに作ったセミナー資料など</li>
<li><strong>人材データベース</strong>: <br />
スタッフやパートナー（企業・個人）の得意分野や技術スタック、担当した案件の履歴などのデータ</li>
<li><strong>その他</strong>: <br />
Slack などに投稿されたストックしておくべき知識や情報などを適時抽出、あるいは外部のレポートや国内外のニュース記事、ブログ記事など役に立ちそうな情報</li>
</ul>

<p>これら情報は蓄積されていくとかなり膨大な量になっていきますので、フォルダ階層などをわけ、どこにどのような情報が入っているかを、<code>llms.txt</code> に記述してルートディレクトリに置くことで、AI にヒントを与えています。</p>

<h4>補足： <code>llms.txt</code> とは？</h4>

<p><code>llms.txt</code> は Answer.AI の Jeremy Howard 氏によって提案（<a href="https://llmstxt.org/" target="_blank" hreflang="en" aria-label="The /llms.txt file（llms.txt ファイルを使用することを標準化する提案）">参考リンク</a>）された、生成 AI がウェブサイトの情報にアクセスしやすくするための新しい標準規格（提案）です。</p>

<p>古くから使われる、検索エンジンクローラー向けの <code>robots.txt</code> に着想を得たもので、ウェブサイトのルートディレクトリに置かれたマークダウン形式ファイルは、AI が効率的にコンテンツを理解できるように構造化された情報を提供します。</p>

<p>まだ広く普及しているとは言えませんが、実際に採用しているサイトも増えてきています（本ウェブサイトにも設置してあります）。</p>

<p>説明した通り、 <code>llms.txt</code> も内容的にはマークダウン形式のファイルですので、ここにフォルダリスト、それぞれのフォルダに入っているデータの目的や簡単な説明などを記述しておきます。</p>

<p>その他、<code>llms.txt</code> に AI がデータを探したり、あるいは権限を与えて編集やファイルの移動などをさせるのであれば、その際に守るべきルールなども書いておくと AI はそれらも参考にしながら処理をしてくれますので便利です（AI に対して、事前に <code>llms.txt</code> を読むように指示しておく必要はあります）。</p>

<h3>2. HTML の活用</h3>

<p>また、以下のようなファイルはマークダウン形式だと作りにくい、というよりも使いにくいですが、HTML 形式であらかじめひな形を作ることで、Office 系のソフトウェアで作るよりはマシンリーダブルな状態を確保できます。</p>

<ul>
<li><strong>各種提案書</strong>： <br />
一般的にパワーポイントなどで作成される提案書類</li>
<li><strong>見積もり書</strong>： <br />
一般的にエクセルなどで作成されることが多い </li>
</ul>

<p>弊社では、これら書類を HTML （JavaScript フレームワークを利用）を使用して簡易なウェブアプリケーションのように作成しており、元データは HTML で保存されるようにしてあります。</p>

<p>なお、クライアント様に書類を提出する際は、PDF 形式で書き出すことで問題なく共有が可能です。</p>

<h3>3. Office 系文書への対応</h3>

<p>さらに、どうしてもマークダウン形式で保存するのが難しい以下のような書類については、メタデータを付与することで AI がその内容を理解しやすくしています。</p>

<ul>
<li><strong>社内の申請書類</strong>： <br />
例えば、「有給休暇申請書」「交通費精算書」「仮払経費精算書」など、一般的な企業で申請などに使用される書類（Office 系ソフトや、Google スプレッドシートなどで作られるケースが多い） </li>
</ul>

<p>メタデータの付与と言っても、文書に直接付与するのではなく、前述した <code>llms.txt</code> を活用しています。</p>

<p><code>llms.txt</code> の社内申請書類セクションに、申請書類のリスト、それぞれの目的や簡単な説明、ファイルの保存場所（Google ドライブなどに保存されている場合はその URL）を記述しておきます。</p>

<p>この方法は、PDF 形式のデータなどに対しても有用です。ただし、現時点で多くの AI は、複雑でサイズの大きい PDF を一度に処理することができない場合が多いですので、例えば何らかのレポートなどを PDF 形式で保存する場合は、分割してあげるなど、少し工夫しないと処理効率が悪い場合があります（理想は、マークダウン形式のファイルに変換して構造化したデータにすることですが......）。</p>

<p>以上、3つの方法で、データやナレッジを社内に蓄積しておくことで、これらデータソースを元に AI に質問した際の回答精度が大幅に向上します。</p>

<p>例えば、似たようなお問い合わせに対する返答を作ってもらったり、過去に作った提案書を参照しながら新しい提案書の叩き台を作ってもらったりもできますし、「セミナーの参加費用を補助してもらう申請ってどうすんだっけ？......」といった場合でも、書類名などを思い出してキーワード検索する必要はなく、AI に「セミナーの費用補助を申請する手順と、その時に使う書類の場所教えて」などというだけで答えが返ってくるわけです。</p>

<h3>4. データをどこに保存するか</h3>

<p>次に前述したデータをどこに保存しておくのかについてですが、弊社の場合は、すべて GitHub に保存しています。</p>

<p>もちろん、データの置き場所、管理方法は最も利用しやすい方法を選択すればよいですので、弊社のやり方が正解とは思いませんが、弊社の場合は以下の理由から GitHub を選択しました。</p>

<ul>
<li><strong>バージョン管理の容易さ</strong>： <br />
Git なので当たり前ですが、バージョン管理が容易です</li>
<li><strong>使用ツールとの相性</strong>： <br />
弊社では主に Claude AI のデスクトップアプリにローカルファイルを読み書き可能にする MCP サーバを組み合わせて利用しているため、各自のローカルフォルダにデータがある方が楽です</li>
<li><strong>データ共有時の利便性</strong>： <br />
上記を踏まえて、GitHub なら複数人（複数箇所）で最新のデータを共有しやすい</li>
</ul>

<p>例えば、同様の事は、例えば Google ドライブ上にデータを保存し、AI も「Gemini for Google Workspace」を利用すれば、もっと簡単に実現できるかもしれません（企業で Google Workspace を利用している場合）。</p>

<p>この辺は、自社でどのような AI サービスを使用したいかなどによって変わってくると思いますので、アプローチの方法は多様にあると思います。</p>

<p>弊社の場合は、使い慣れている GitHub を使いたいという理由、あるいは、GitHub リポジトリとしてデータを管理しておくと、Cursor などの所謂「AIコードエディタ」などからも利用がしやすいといった理由から上記のような方法を採用しています。</p>

<h3>5. 現状の課題、あるいは苦労した点</h3>

<p>弊社がここで書いているようなデータ保存ルールを採用し、運用しはじめたのは昨年の年始ごろですが、やはり、それまでに作ったデータをどうやってマークダウン形式をはじめとしたマシンリーダブルな形式に変換するのかという点はとても苦労しました。</p>

<p>例えば、ブログの記事などは、CMS 上ではマークダウン形式で書いていたので、抽出は楽でしたが、数多くあるプレゼン資料や見積書、あるいはお客様からのお問い合わせとそれに対する弊社からの返信などは、PDF 形式のファイルやメールデータとしてしか残っていませんので、一気にマークダウン形式にするのは大変な作業です。</p>

<p>結果的に過去のものはある程度諦めて、PDF 形式のままメタデータの付与でお茶を濁す、メール文面も重要そうなものだけ地道に <code>.eml</code> 形式でダウンロード後、AI の助けを借りてテキスト形式に変換するなどの作業をしました。</p>

<p>運用を始めてから作られるデータは特に問題ないのですが、特に会社の規模が大きかったり、膨大な数のデータがすでに蓄積されている場合は難しい点も多いかもしれません。</p>

<p>また、弊社は仕事柄、マークダウン形式のファイルに慣れていますし、なるべく使いたいと考えていますが、そもそもマークダウンを知らない、あるいは文書はワードで作るものという固定観念がある職場では、このような形式への移行はなかなか進まないかもしれません。</p>

<p>もちろん、前述したとおり、あまりマシンリーダブルが意識されていない作りのワードやパワーポイントでも、AI が内容を正しく推測し、理解できるような状況になれば問題が解決してしまう可能性もありますから何とも言えませんが。</p>

<hr />

<p>さて、今回は簡単にですが、弊社における、AI での利用を考慮した、マシンリーダブルな状態でのデータ、ナレッジの蓄積方法についてご紹介しました。</p>

<p>弊社はアクセシビリティを専門分野としている関係上、マシンリーダブルなデータ構造、つまり人間からだけでなく、機械からも容易、かつ確実にアクセス可能なデータのあり方には強い関心があります。</p>

<p>普段はウェブサイトやウェブコンテンツのアクセシビリティに関してお話しすることが多いですが、社内のデータやナレッジについても、人間からだけでなく、機械にとってもアクセス可能なデータになっているのかという点は、AI の活用が当たり前の現在において重要な視点だと思います。</p>

<p>繰り返しになりますが、弊社の採用している方法がベストとは限りません。また、データ保存形式の変更は短期的には負担となる場合もありますが、中長期的な視点で見れば、AI 活用による生産性向上というリターンは非常に大きいと思われます。</p>

<p>AI との協業を前提とした「マシンリーダブル」なデータ蓄積環境の構築は、これからの企業競争力を左右する重要な要素となると考えます。このコラムが、社内データの AI 活用をお考えの方にとって、多少でも参考になれば幸いです。</p>
]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年5月 1日 09:11 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/492/">https://burnworks.com/news/article/492/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>バーンワークス株式会社は GAAD Japan 2025 の協賛スポンサーになりました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/491/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/gaad-japan-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.491</id>

<published>2025-04-08T02:32:31Z</published>
<updated>2025-04-08T04:06:41Z</updated>

<summary>GAAD（Global Accessibility Awareness Day）は、デジタル分野（ウェブ、ソフトウェア、モバイルなど）のアクセシビリティを考える日。バーンワークス株式会社では、このイベントの趣旨に賛同し、GAAD Japan 2025 の協賛スポンサーになりました。</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/gaad-japan-ogp.png" alt="バーンワークス株式会社は GAAD Japan 2025 の協賛スポンサーになりました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p><img alt="GAAD Japan 2025 - 世界各地でアクセシビリティを考える一日" src="https://burnworks-inc.imgix.net/news/upload-docs/gaad-japan-img.png?auto=format&lossless=true" width="1200" height="300" decoding="async" loading="lazy" /></p>

<p>GAAD（Global Accessibility Awareness Day）は、デジタル分野（ウェブ、ソフトウェア、モバイルなど）のアクセシビリティを考える日として、2012年からスタートした世界的な取り組みです。5月の第3木曜日をGAADの日として、毎年、世界各地でさまざまなイベント等が開催されています。</p>

<p>GAADの目的は、デジタルのアクセシビリティとさまざまな障害のあるユーザーについて、みんなで話したり、考えたり、学んだりする機会を持つことで、日本でも、GAAD Japan として、全国各地、どこからでも参加可能なオンラインセミナーを開催しています。</p>

<p>今年の GAAD Japan 2025 は2025年5月15日（木）に開催されますが、バーンワークス株式会社では、このイベントの趣旨に賛同し、協賛スポンサーとして微力ながらサポートをさせていただくことになりました。</p>

<ul>
<li><a href="https://www.gaad.jp/" target="_blank">GAAD Japan 2025 について詳しくはこちらをご覧ください（GAAD Japan 公式サイト）</a></li>
</ul>

<h2>参加申込受付中</h2>

<p>GAAD Japan 2025 は、ご自宅やオフィスなどからオンラインで参加できます。参加申込みは下記より可能で、無料ですので、ぜひお申し込みください。</p>

<ul>
<li><a href="https://gaadjp.connpass.com/event/350542/" target="_blank">GAAD Japan 2025 参加申込みページ</a></li>
</ul>

<p>また、 GAAD Japan 2025 をアクセシビリティに関心のある方々が集まって一緒に視聴する「パブリックビューイング」も全国各地で開催予定です。</p>

<p>詳しくは下記をご覧ください。</p>

<ul>
<li><a href="https://www.gaad.jp/p-view/" target="_blank">パブリックビューイング - GAAD JAPAN 2025</a></li>
</ul>]]>

<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年4月 8日 11:32 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/491/">https://burnworks.com/news/article/491/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>2025 年のアクセシビリティ対応は、JIS X 8341-3:2016 と WCAG 2.2 のどちらではじめるべきか</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/489/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-ogp-489.png" />
<id>tag:burnworks.com,2025:/news//5.489</id>

<published>2025-03-28T05:18:55Z</published>
<updated>2025-10-22T07:01:40Z</updated>

<summary>2025年現在、アクセシビリティ対応をはじめる際、JIS X 8341-3:2016とWCAG 2.2のどちらを選ぶべきか。遠くない未来に改正を控えたJIS X 8341-3への対応と、段階的なアプローチについて解説します。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-ogp-489.png" alt="2025 年のアクセシビリティ対応は、JIS X 8341-3:2016 と WCAG 2.2 のどちらではじめるべきか ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>ここ最近、クライアント様や新規にアクセシビリティ関連のご相談をいただく企業のご担当者様から、以下のようなご質問を頻繁にいただいています。</p>

<ul>
<li>JIS X 8341-3:2016 が近々改正される予定だという話を聞いた</li>
<li>今からアクセシビリティ対応をはじめる場合、JIS X 8341-3:2016 を対象規格にしてよいのか？</li>
<li>改正が近いのであれば、古くなる可能性の高いガイドラインを使わず、WCAG 2.2 を対象規格に取り組む方がよいのか？</li>
<li>（すでに取り組まれている企業様だと）今まで JIS X 8341-3:2016 を対象規格に取り組んできたことは無駄にならないのか？</li>
</ul>

<p>WCAG 2.2 が W3C 勧告となったのは 2023 年の 10 月ですが、特に昨年の半ばくらいからでしょうか、この WCAG 2.2 が ISO/IEC 40500 の改正版として策定される話が動き出すと、それに合わせた JIS X 8341-3 の改正についても話題に上ることが多くなりました。</p>

<p>もともと JIS 規格自体は本来、原則として 5 年ごとに内容の見直しがされることになっていますが、JIS X 8341-3:2016 はその策定からすでに約 9 年が経過しており、さらに ISO/IEC 40500 が WCAG 2.2 の内容に基づいて改正された場合は、JIS X 8341-3 についても最新版の ISO/IEC 規格の内容に一致する形で改正されるため、「そろそろ JIS X 8341-3 が改正されそうだ」という話になるのは当然の流れです。</p>

<p>しかし、ここでご注意いただきたいのは、JIS X 8341-3 が近い将来改正され、WCAG 2.2 の一致規格となるであろうことが、今（例えば今年、2025 年に）アクセシビリティ対応に取り組むにあたって JIS X 8341-3:2016 よりも WCAG 2.2（将来的な JIS X 8341-3:202x） を選択すべきであるという結論には直結しないという点です。</p>

<p>私は、実際に JIS X 8341-3 が改正されたあとはさておき、まだその改正時期が明確でない現時点においては、<strong>まず JIS X 8341-3:2016 に取り組むべきである</strong> と考えていますし、実際にご相談いただいた場合もそのようにお答えしています。</p>

<p>実はこのやりとりを昨年の中頃から何度も繰り返しており、これはコラムにまとめておいて詳しい話はそちらをお読みくださいとする方がよいなと思いましたので、今回は「現時点であれば JIS X 8341-3:2016 を選択した方がよい」と考える理由と、将来的な JIS X 8341-3 の改正を見据えた、実践的なアプローチについて解説します。</p>

<h2>JIS X 8341-3:2016 からはじめる合理的な理由</h2>

<p>まずは、なぜ、近い将来改正されることがある程度わかっているにもかかわらず、現時点でも JIS X 8341-3:2016 を対象規格として取り組むことがよいのかについて簡単に説明しておきましょう。</p>

<h3>1. 前提として</h3>

<p>ご相談を伺っていて稀になのですが、JIS X 8341-3:2016（WCAG 2.0）は、WCAG 2.2 の勧告、もしくは今後その内容に基づいて JIS X 8341-3 が改正されることにより、「古い規格」になってしまうので、今からそれを対象規格にすると取り組みが無駄になってしまうのでは？という誤解をされている方がいらっしゃいます。</p>

<p>この点に関しては完全な誤解ですので、まず前提として覚えておきましょう。</p>

<p>以前、弊社のコラムでも WCAG の改正がされるごとに書いているとおり、WCAG については、常に下位互換性を考慮した形、つまり以前のバージョンのガイドラインを内包しつつ、新たな達成基準が追加されるという形でバージョンアップがされています。</p>

<p>言い換えれば、新しいバージョンのガイドラインによって、以前のバージョンに含まれていた達成基準が変更されたりはしていません（一部、達成基準 4.1.1 が WCAG 2.1 から 2.2 に更新される過程で廃止されましたが）ので、仮に WCAG 2.2 やその一致規格として JIS X 8341-3 が改正されたとしても、JIS X 8341-3:2016 を対象として取り組んできたことは全く無駄になりません。</p>

<ul>
<li><a href="/news/article/349/">勧告された「WCAG 2.1」において「WCAG 2.0」から新たに追加された達成基準の解説</a></li>
<li><a href="/news/article/432/">勧告された「WCAG 2.2」において「WCAG 2.1」から新たに追加された達成基準の解説</a></li>
</ul>

<h3>2. 段階的な学習と実装が現実的</h3>

<p>これは弊社コラムで繰り返し書いていますが、アクセシビリティへの取り組みは、一朝一夕に完了するものではありませんし、終わりのない長い旅です。</p>

<p>アクセシビリティに取り組む上で重要で、目標とすべきことは、「アクセシビリティへの取り組みが当たり前に組み込まれた組織、制作プロセス、あるいは運用体制の構築」である、という件も折に触れてお話ししています（後述するリンク先をご参照ください）。</p>

<p>先ほど、WCAG はバージョンアップによって新たな達成基準が追加されてきたと書きましたが、逆に言えば、JIS X 8341-3:2016 における達成基準の数は WCAG 2.2 よりも少なく、初めてアクセシビリティに取り組む企業や組織にとって、その学習曲線が緩やかという大きなメリットがあるということです。</p>

<p>まずは現行の JIS X 8341-3:2016 に取り組み、組織としてアクセシビリティ対応に取り組むベースを確立した上で、WCAG 2.2 における追加の達成基準に対応する段階的アプローチが、多くの組織にとって現実的でしょう。</p>

<ul>
<li><a href="https://note.com/burnworks_inc/n/nc31077f050a2">ウェブアクセシビリティ ミニマムスタートのすすめ</a></li>
<li><a href="https://note.com/burnworks_inc/n/nc7555593aeae">ウェブアクセシビリティ対応にまつわる 3 つの誤解を解こう</a></li>
</ul>

<h3>3. 将来への準備としての位置づけ</h3>

<p>では、どうせ改正されるのがわかっているのであれば、JIS X 8341-3:202x なる最新版が公示されるまでアクセシビリティ対応プロジェクトの開始自体を待てばよいのでは？とお考えになる方もいるかもしれませんが、これもお勧めしません。</p>

<p>繰り返しになりますが、アクセシビリティ対応は長い道のりです。</p>

<p>社内の環境整備（単にドキュメントやガイドラインを整備したりするだけでなく、関係者のアクセシビリティに対する知識、スキル向上も含みます）を行い、アクセシビリティ対応やその品質管理が自然に実行される開発・制作プロセスを構築しなければなりません。</p>

<p>そのため、アクセシビリティ対応はなるべく早めに取り組みを開始した方がよいということになります。</p>

<p>JIS X 8341-3 の改正は確実に行われるでしょうが、その正確な時期は現時点では未定です。</p>

<p>前述の通り、仮に JIS X 8341-3:2016 を対象規格にアクセシビリティに取り組んだとしても、その取り組みが無駄になったり、将来的な WCAG 2.2 一致規格での対応にとって足かせになったり、遠回りになることは一切ありません。</p>

<p>つまり、今から JIS X 8341-3:2016 を対象規格としてアクセシビリティ対応に取り組むことは、将来の改正への準備としても有効ということです。基本的なアクセシビリティ対応を済ませておくことで、改正後の追加要件にスムーズに対応できます。</p>

<h2>実践的なアプローチ： JIS X 8341-3:2016 から WCAG 2.2 へ</h2>

<p>では、今からアクセシビリティ対応に取り組むとして、近い将来行われるであろう JIS X 8341-3 の改正も考慮しつつ取り組むための実践的なステップについても触れておきましょう。</p>

<h3>ステップ 1： JIS X 8341-3:2016 で基礎を固める</h3>

<p>アクセシビリティ要件（方針）については、企業や組織が持つリソース、ウェブサイトの規模、予算などによって本来変わってくるものですが、例えば JIS X 8341-3:2016 を対象規格に、適合レベル AA への準拠を目指す場合、下記のようなプロセスが一般的です。</p>

<ul>
<li>適合レベル A、AA に分類される各達成基準を理解し、プロジェクト内での優先順位決定</li>
<li>自社のウェブサイトやアプリケーションの現状評価（アクセシビリティ試験）を実施</li>
<li>試験結果を基に修正計画を策定</li>
<li>具体的なスケジュール案や対応計画に落とし込んで実行</li>
<li>再試験による評価</li>
</ul>

<p>ただし、これも弊社コラムで何度か書いていますが、特定の職務の人、例えば実装を担当する人だけに丸投げして「あとはよしなにやっておいてね」というだけではなかなかうまくはいきません。</p>

<p>アクセシビリティ対応はどこか特定の部門や職種の方だけが頑張るような取り組みではなく、組織全体で進めるべきものです。</p>

<p>つまり、前述した基本的なプロセスに加え、同時進行で下記のような組織内の環境整備も必須となります。</p>

<ul>
<li>部門横断的なアクセシビリティチームや責任者の設置</li>
<li>定期的なアクセシビリティに関する研修、勉強会や啓発活動の実施</li>
<li>デザインシステムや制作ガイドラインへのアクセシビリティ要件の組み込み</li>
<li>アクセシビリティ品質チェックのための仕組み作り</li>
</ul>

<p>これら取り組みはそう簡単なものではありませんが、JIS X 8341-3:2016 でスタートすることで、例えば、研修や勉強会においてはその学習範囲を絞ることができ、同じ時間であればより深く学ぶことが可能になります。</p>

<p>デザインシステムや制作ガイドラインの整備についても、当然ながら対象となる達成基準が少ない方がその手間や浸透に時間がかかりませんし、品質チェックの仕組みについても JIS X 8341-3:2016 の範囲で行うのであれば難易度は低下するでしょう。</p>

<p>このように、まずは JIS X 8341-3:2016 でスタートすることで、負荷を軽減しつつ、アクセシビリティ対応を組み込んだ組織体制、制作プロセスの構築が可能になります。</p>

<p>場合によっては目標とする適合レベルを、まずは「A」からはじめてみるというのも有効なアプローチです。</p>

<p>とにかく欲張らずに、ミニマムスタートして体制を整え、組織全体が「アクセシビリティ対応なんて当たり前」という状態にすることを重視してください。</p>

<h3>ステップ 2：WCAG 2.2 の追加要件への対応準備</h3>

<p>JIS X 8341-3:2016 を対象規格に一定のアクセシビリティ対応が当たり前の状況ができれば、次のステップに進む準備は万端整ったと言えます。</p>

<p>WCAG 2.2 （もしかするとその頃には JIS X 8341-3:202x が公示されているかもしれません）で追加された達成基準について学習や対応策の検討を始めましょう。</p>

<ul>
<li>WCAG 2.2 で新たに追加された達成基準の理解</li>
<li>自社のウェブサイトやウェブアプリケーションに関連性の高い達成基準を特定し、優先順位を決定</li>
<li>対応のための技術的な調査や準備</li>
</ul>

<p>さらに下記にもアップデートが必要です。</p>

<ul>
<li>アクセシビリティに関する研修、勉強会の内容をバリエーションアップ</li>
<li>デザインシステムや制作ガイドラインに対する WCAG 2.2 要件の組み込み</li>
<li>アクセシビリティ品質チェックのための仕組みの WCAG 2.2 対応</li>
</ul>

<p>ここまでできれば、あとは実行して、品質管理するプロセスを回していくことになります。</p>

<ul>
<li>具体的なスケジュール案や対応計画に落とし込んで実行</li>
<li>アクセシビリティ試験による評価</li>
</ul>

<hr />

<p>アクセシビリティへの取り組みは、ガイドラインのバージョンを気にして様子見したり、最初から完璧を目指すあまり燃え尽きてしまうよりも、早めに取り組みを始め、現実的なステップを着実に進めることで、長期的に取り組むことが重要です。</p>

<p>その時、まずは JIS X 8341-3:2016 を対象規格にアクセシビリティ対応に取り組むことは、多くの企業にとって理にかなった選択であり、将来の WCAG 2.2 対応への堅実な基盤となります。</p>

<p>その上で、JIS X 8341-3 の改正動向についてもアンテナを張っておくとよいでしょう。もちろん、本ブログでも新たな情報が出た場合は取り上げる予定です。</p>
]]>
<![CDATA[<hr />

<p>バーンワークス株式会社のウェブアクセシビリティ対応サービスについて、詳しくは下記のリンクよりご確認ください。</p>

<ul>
<li><a href="/service/a11y_service/">ウェブアクセシビリティ対応サービス</a></li>
</ul>

<p>具体的な要件は決まっていないが、ウェブアクセシビリティ対応などについて相談したいことがある、という企業様向けに、必要な時、必要なタイミングで利用できる「スポット利用」と、月額・定額でコンサルティングを利用できる「月額・定額プラン」から選択してご利用可能な、「<a href="/service/consulting_service/">オンライン ウェブアクセシビリティ コンサルティング</a>」も提供しておりますので、お気軽にご相談ください。</p>

<h2>この記事をご覧の方にお勧めのサービス</h2>

<ul>
<li><a href="/service/consulting_service/">オンラインスポットコンサルティング</a><br>アクセシビリティに関する最初のご相談窓口として多くの企業様にご利用いただいております</li>
<li><a href="/service/web_development/accessibility/">ウェブアクセシビリティ対応（適合・準拠）サービス</a><br>アクセシビリティ方針策定からドキュメント整備なども含めた社内体制構築の支援からアクセシビリティガイドラインに準拠したウェブサイトのリニューアルや構築、試験結果の作成まですべてご提供です</li>
<li><a href="/service/accessibility-check/">ウェブアクセシビリティ チェック（評価）サービス</a><br>現状把握のためのアクセシビリティ試験など、各ガイドライン、各適合レベルに応じた試験を実施可能です</li>
</ul>
]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年3月28日 14:18 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/489/">https://burnworks.com/news/article/489/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>排除（アクセシビリティの軽視）がもたらす経済的リスクとは - 海外アクセシビリティ関連情報紹介</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/487/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-487-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.487</id>

<published>2025-03-05T01:48:46Z</published>
<updated>2025-03-05T04:23:31Z</updated>

<summary>Deque Systems 社が公開した「Digital accessibility and the cost of exclusion（デジタルアクセシビリティと排除のコスト）」というブログ記事を紹介しながら、企業がアクセシビリティに取り組む重要性と、その具体的なメリットについて解説します。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-487-ogp.png" alt="排除（アクセシビリティの軽視）がもたらす経済的リスクとは - 海外アクセシビリティ関連情報紹介 ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p class="module-article-aside">「海外アクセシビリティ関連情報紹介」は、海外におけるウェブアクセシビリティ関連の記事やレポートから、弊社が気になったものを要約してお伝えするコラムです。正確な内容につきましては参照元として提示しているリソースをご確認ください。</p>

<p>弊社でも日常的に利用させていただいている、アクセシビリティテストツールのデファクトスタンダード「axe」を開発する、Deque Systems 社が公開した「Digital accessibility and the cost of exclusion（デジタルアクセシビリティと排除のコスト）」というブログ記事をご紹介。</p>

<p>この記事では「アクセシビリティを軽視することで企業が被る不利益」にフォーカスした解説が行われています。いわゆる「アクセシビリティのROI（投資対効果）」を定量・定性両面から解説する内容で、企業がアクセシビリティに取り組む重要性と、その具体的なメリット（アクセシビリティを軽視することによるデメリット）がわかりやすく整理されていましたので、重要なポイントを抜粋してみましょう。</p>

<p>なお、記事内では「Digital accessibility（デジタルアクセシビリティ）」という用語が使用されていますが、本記事ではすべて「ウェブアクセシビリティ」あるいは「アクセシビリティ」として記述しています。</p>

<ul>
<li>参照元（英語）<br />
<a href="https://www.deque.com/blog/digital-accessibility-and-the-cost-of-exclusion/" target="_blank" hreflang="en">Digital accessibility and the cost of exclusion - Deque</a></li>
</ul>

<h2>4つの柱（Four pillars of digital accessibility value）</h2>

<p>参照元記事では、ウェブアクセシビリティの価値を支える『4つの柱』について解説されています。その上で、それら4つの柱それぞれに、ウェブアクセシビリティに取り組まないという選択をすること（つまり「排除」）によって、どのような経済リスクがあるのか、についてまとめられています。</p>

<p>以下、4つの柱ごとに重要なポイントを紹介していきます。</p>

<h3>1. 市場シェア（Market share）</h3>

<p>アクセシビリティの軽視で排除される人々の市場規模を考えれば、それを無視することは賢明ではない、という指摘がされています。ポイントとしては以下の通りです。</p>

<ul>
<li>データの出典によって数値のばらつきはあるものの、総合的な推定として、障害のある人々の市場規模は10億人を超えており、世界人口全体の15%以上に相当すると理解されている。また、障害のある人々とその家族の購買力は世界的に13兆ドルを超える。</li>
<li>アクセシビリティを軽視すると、この巨大な市場（潜在的顧客）を逃すことになる。</li>
<li>もし市場分析で障害当事者を含む様々な潜在的顧客層の50%が自社の商品やサービスを利用すると想定した場合、アクセシビリティを軽視することで、アメリカ国内だけでも数千億円規模、グローバルでは数兆円規模の売上を失う可能性がある。</li>
</ul>

<h3>2. 運用コスト（Operational costs）</h3>

<ul>
<li>運用に関する意思決定、例えば、製品やサービスの設計、開発、製造、マーケティング、流通、支払い処理などをどのように管理するかを決定する際、アクセシビリティを軽視し、障害のある人々を意図的に排除した運用上の意思決定は、成功を大きく損なう可能性がある。</li>
</ul>

<p>参照元記事では、ひとつの例として、ある企業が新たにビットコイン決済を導入するとした場合が挙げられています。</p>

<p>仮に月間100万件の決済のうち30%がビットコイン決済に切り替わるとすれば、クレジットカードやデビットカードに比べ決済手数料が大幅に削減可能かもしれません（1件あたり8ドルの手数料削減が見込まれると試算すれば、年間で2,880万ドルの手数料削減が期待される）。</p>

<p>ところが、この企業がビットコイン決済を導入するにあたり、ビットコイン決済システムの要件からアクセシビリティに関する要件を削除することで、仮に25万ドルのコストを削減しようと決定したとします。</p>

<p>表面的には大きな削減に見えますが、障害のある人々をビットコイン決済から排除してしまうことで（顧客の一部は従来のクレジットカードやデビットカードしか使えないということになりますから）、期待していた決済手数料の削減効果が仮に20%減るとすると、削減できるはずだった金額のうち年間570万ドルを失う計算になります。</p>

<p>つまり、「短期的に25万ドルコストを削減しようとして、長期的な利益を年間570万ドル失っていると考えれば、短期的利益のためにアクセシビリティを軽視することが大きな経済損失になる可能性がある」という話です。しかも、世界中の企業でこうした（馬鹿げた）意思決定が毎日のように行われているとの指摘も。</p>

<h3>3. リスクマネジメント（Risk management）</h3>

<p>アクセシビリティを軽視したことによる訴訟リスクについて、日本国内ですと現状はまだピンとこない方も多いかもしれませんが、海外では一般的な話題です。</p>

<p>参照元記事内では、『アクセシビリティの訴訟なんて15,000ドルで和解できるのに、なぜそれ以上の金額を訴訟回避に投資するんだ？』といった考え方は間違っているのでやめましょうと指摘されています。</p>

<p>ポイントとしては以下の通り。</p>

<ul>
<li>米国のフォーチュン500企業における訴訟を調査したところ、比較的小額の和解金であっても、その和解に至るまでに平均で35万ドル以上のコストがかかっているケースが多いことがわかった。<ul>
<li>米国ではアクセシビリティを理由とした訴訟が頻発しており、訴訟関連コストは小額の和解金だけにとどまらない。</li>
<li>大企業の例では、和解金自体は1件あたり数万ドルでも、そこに至るまでの弁護士費用や担当者の工数が合計35万ドルを超える場合もある。</li>
</ul></li>
<li>そんなことを繰り返すより、アクセシビリティ対応へ投資した方が遥かに経済的であり、訴訟リスクも下げられる。</li>
</ul>

<h3>4. 人間の基本的価値の尊重（Respect for basic human values）</h3>

<p>「正しいことをする」という倫理的観点が重要だという指摘。以下のポイントが挙げられています。</p>

<ul>
<li>障害当事者を排除する行為は倫理的にも問題があり、企業イメージにダメージを与える。</li>
<li>アクセシビリティ投資は『障害当事者からの利益搾取ではない』</li>
<li>むしろ「誰もが等しく製品・サービスを利用できるようにすることで、企業と利用者の両方にとって Win-Win の関係が成り立つ。</li>
</ul>

<h2>排除（Exclusion）は企業の利益にならない</h2>

<p>まとめましょう。冒頭でも述べたとおり、参照元記事では、「アクセシビリティを軽視することは企業にとって大きな損失を生む」ことが解説されています。逆にいえば、アクセシビリティに投資することで、以下のメリットを享受することが可能ということです。</p>

<ul>
<li>市場拡大による売上増</li>
<li>運用効率改善によるコスト削減</li>
<li>訴訟リスクの軽減や企業価値向上</li>
<li>企業の倫理的・社会的責任を果たす</li>
</ul>

<p>同様の内容は、以前、本コラムでも書いていますが、アクセシビリティへの投資は、障害の有無に関わらず、すべての人に利用可能なウェブサイトを提供するという意味で重要な取り組みとなります。</p>

<ul>
<li><a href="/news/article/471/">今、企業に求められるウェブサイトのアクセシビリティ対応とは</a></li>
</ul>

<p>今回ご紹介した、Deque Systems 社のブログ記事においても、アクセシビリティへの投資は単なる「コスト」ではなく「長期的なリターンをもたらす戦略的投資」だと再認識できます。</p>

<p>アクセシビリティの軽視＝排除による代償が決して小さくないという認識を企業の意思決定者の皆さまが持つことが今後も重要となるでしょう。</p>]]>
<![CDATA[<hr />

<p>バーンワークス株式会社のウェブアクセシビリティ対応サービスについて、詳しくは下記のリンクよりご確認ください。</p>

<ul>
<li><a href="/service/a11y_service/">ウェブアクセシビリティ対応サービス</a></li>
</ul>

<p>具体的な要件は決まっていないが、ウェブアクセシビリティ対応などについて相談したいことがある、という企業様向けに、必要な時、必要なタイミングで利用できる「スポット利用」と、月額・定額でコンサルティングを利用できる「月額・定額プラン」から選択してご利用可能な、「<a href="/service/consulting_service/">オンライン ウェブアクセシビリティ コンサルティング</a>」も提供しておりますので、お気軽にご相談ください。</p>

<h2>この記事をご覧の方にお勧めのサービス</h2>

<ul>
<li><a href="/service/consulting_service/">オンラインスポットコンサルティング</a><br>アクセシビリティに関する最初のご相談窓口として多くの企業様にご利用いただいております</li>
<li><a href="/service/web_development/accessibility/">ウェブアクセシビリティ対応（適合・準拠）サービス</a><br>アクセシビリティ方針策定からドキュメント整備なども含めた社内体制構築の支援からアクセシビリティガイドラインに準拠したウェブサイトのリニューアルや構築、試験結果の作成まですべてご提供です</li>
<li><a href="/service/accessibility-check/">ウェブアクセシビリティ チェック（評価）サービス</a><br>現状把握のためのアクセシビリティ試験など、各ガイドライン、各適合レベルに応じた試験を実施可能です</li>
</ul>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年3月 5日 10:48 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/487/">https://burnworks.com/news/article/487/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>Web UI で指定した URL に対するアクセシビリティチェックレポートを生成可能なツールを公開しました</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/486/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/ogp-image-a11y-report.png" />
<id>tag:burnworks.com,2025:/news//5.486</id>

<published>2025-03-03T07:29:50Z</published>
<updated>2025-03-03T12:50:13Z</updated>

<summary>axe-core を使用して、指定された URL に対するアクセシビリティチェックを実施、その結果を HTML 形式のレポートとして出力するオンラインツール「Burnworks A11y Reporter Web UI」を公開しました。
</summary>
<author>
<name>burnworks</name>

</author>

<category term="ニュース" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/ogp-image-a11y-report.png" alt="Web UI で指定した URL に対するアクセシビリティチェックレポートを生成可能なツールを公開しました ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>ウェブアクセシビリティに関わる人たちの間で広く利用されている「<a href="https://www.deque.com/axe/" target="_blank" hreflang="en">axe</a>」は、Deque Systems 社が開発するアクセシビリティチェック（テスト）ツールです。公式にブラウザ拡張機能なども提供されており、弊社でも日常的に使用しています。</p>

<p>また、そのコアエンジンである「<a href="https://github.com/dequelabs/axe-core" target="_blank" hreflang="en">axe-core</a>」は、オープンソースソフトウェア（OSS）として公開されていて、関連するライブラリを活用することで、用途に合わせたアクセシビリティチェック関連のアプリケーションを開発することが可能です。</p>

<p>弊社では、以前にも、この「axe-core」ライブラリを使用し、複数の URL に対するアクセシビリティチェックをコマンドライン上から実行して、HTML 形式のレポートを生成する「<a href="https://github.com/burnworks/axe-auto-reporter" target="_blank">axe-auto-reporter</a>」を GitHub 上で公開（以下の参考記事もご参照ください）していますが、この「axe-auto-reporter」をブラウザから利用できるウェブアプリケーションにしたものを新たに公開しました。</p>

<ul>
<li>参考記事：<br />
<a href="https://hyper-text.org/archives/2023/10/axe_auto_reporter/" target="_blank">axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました</a></li>
</ul>

<h2>Burnworks A11y Reporter Web UI</h2>

<p>今回公開したツールは下記です。</p>

<ul>
<li><a href="https://a11y-report.burnworks.com/" target="_blank">Burnworks A11y Reporter Web UI - axe-core を使用したアクセシビリティレポート生成ツール</a></li>
</ul>

<p><img alt="「Burnworks A11y Reporter Web UI」の画面スクリーンショット" src="https://burnworks-inc.imgix.net/news/upload-docs/a11y-report-web-ui.png?auto=format&lossless=true&amp;border=4,333333" width="1328" height="920" decoding="async" loading="lazy" /></p>

<p>UI はシンプルで、アクセシビリティチェックレポートを生成したい URL を入力し、「レポート作成」ボタンを押すと、「axe-core」を使用してアクセシビリティチェックを実施、その結果レポートを HTML 形式で生成します。</p>

<p>レポートの形式は「axe-auto-reporter」と全く同じものです。</p>

<p>axe-core と Puppeteer（Node.js 上で動作するヘッドレスの Chrome ブラウザです） によるアクセシビリティチェックは、サーバリソースをかなり消費しますので、少し厳しめなレートリミット（利用制限）をかけています。</p>

<p>通常、閲覧中のページのアクセシビリティチェックをしたい場合は、ブラウザ拡張機能のご利用をお勧めしますし、複数の URL に対する自動チェックを実施したい場合は、先に紹介した「<a href="https://github.com/burnworks/axe-auto-reporter" target="_blank">axe-auto-reporter</a>」などをご利用いただく方がよいと思いますので、今回公開したツールは、そのようなブラウザ拡張やコマンドラインツールをどうしても使えない方が、アクセシビリティチェックをはじめて体験される、入門用ツールとして適しているのではないかと考えています。</p>

<p>なお、今回公開したツールで可能なアクセシビリティチェックは、「プログラムによって機械的に行うチェック（AC: Automated Check）」です。</p>

<p>弊社のナレッジブログでも過去に書いていますが（下記記事参照）、このような機械チェックで発見可能なアクセシビリティ上の問題は限られており、この結果をもってアクセシビリティ上の問題点をすべて把握することはできません。</p>

<ul>
<li><a href="/blog/articles/cusfpmp4d/">ウェブアクセシビリティ試験における 3 つの手法とは</a></li>
</ul>

<p>しかし一方で、今回のツールは、アクセシビリティチェックツールに関する詳しい知識を持たない方でも簡単にアクセシビリティチェックを体験することができます。</p>

<p>まずはアクセシビリティチェックを体験してみていただいて、それが自社が運営するウェブサイトのアクセシビリティ品質向上に興味を持つきっかけになっていただけたら幸いです。</p>]]>
<![CDATA[<hr />

<h2>その他のアクセシビリティ関連ツール</h2>

<p>弊社では、今回ご紹介した「<a href="https://a11y-report.burnworks.com/" target="_blank">Burnworks A11y Reporter Web UI</a>」や「<a href="https://github.com/burnworks/axe-auto-reporter" target="_blank">axe-auto-reporter</a>」以外にもオンラインで利用できるコントラスト比チェックツールやアクセシビリティチェックをサポートするブックマークレットなどを公開しています。</p>

<p>下記にまとめてありますのでご興味があればご覧ください。</p>

<ul>
<li><a href="https://accessibility.burnworks.com/tools/" target="_blank">ウェブアクセシビリティ関連の便利ツール一覧</a></li>
</ul>

<p><img alt="バーンワークス株式会社が公開しているウェブアクセシビリティ関連の便利ツール一覧ページ スクリーンショット" src="https://burnworks-inc.imgix.net/news/upload-docs/burnworks-inc-a11y-tool.png?auto=format&lossless=true&amp;border=4,333333" width="1280" height="2144" decoding="async" loading="lazy" /></p>

<h2>関連記事</h2>

<ul>
<li><a href="https://burnworks.com/news/article/485/">アクセシビリティチェック（試験）で補助的に使えるブックマークレット集のご紹介</a></li>
</ul>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年3月 3日 16:29 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/486/">https://burnworks.com/news/article/486/</a> です。</p>
]]>
</content>
</entry>

<entry>
<title>アクセシビリティチェック（試験）で補助的に使えるブックマークレット集のご紹介</title>
<link rel="alternate" type="text/html" href="https://burnworks.com/news/article/485/" />
<link rel="enclosure" type="image/png" href="https://burnworks.com/news/upload-docs/news-485-ogp.png" />
<id>tag:burnworks.com,2025:/news//5.485</id>

<published>2025-02-08T09:02:14Z</published>
<updated>2025-02-27T23:39:22Z</updated>

<summary>弊社がアクセシビリティチェック（試験）の実施時に補助的に使用しているブックマークレットをご紹介します。</summary>
<author>
<name>burnworks</name>

</author>

<category term="コラム" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="ja" xml:base="https://burnworks.com/news/">
<![CDATA[<p class="ogp-image"><img src="https://burnworks.com/news/upload-docs/news-485-ogp.png" alt="アクセシビリティチェック（試験）で補助的に使えるブックマークレット集のご紹介 ： バーンワークス株式会社 ニュース・コラム" /></p>]]>
<![CDATA[<p>ブックマークレット（Bookmarklet）というのは、主にユーザーがウェブブラウザ（例えば、Microsoft Edge や Google Chrome のような）のブックマークから起動して、閲覧中のウェブページなどに対して何らかの処理をするようなプログラム（JavaScript）を指します。</p>

<p>弊社では、業務上、お客様のウェブサイトに対してアクセシビリティチェック（試験）を頻繁に実施します。</p>

<p>アクセシビリティチェックは、弊社のアクセシビリティ専門家が、実際のウェブサイトを閲覧、操作したり、ソースコードなどを確認しながら進めていきますが、その際、作業を補助してくれるいくつかのツールを使用します。</p>

<p>代表的なものとしては、<a href="https://www.deque.com/axe/" target="_blank" hreflang="en">axe</a>（axe DevTools / アクセシビリティチェックツール）や、ウェブブラウザの開発者ツール、さらにコントラスト比チェックツール（<a href="#subsection">後述</a>）、W3Cが提供する <a href="https://validator.w3.org/nu/" target="_blank" hreflang="en">Nu Html Checker</a>（HTML 構文チェックツール） など、複数のツールを組み合わせて使用していますが、ブックマークレットについても、頻繁にチェックする項目の確認作業を楽にするため、補助として使用しています。</p>

<p>今回は、弊社がアクセシビリティチェック（試験）の実施時に補助的に使用しているブックマークレットをご紹介します。</p>

<p>これらブックマークレットは、どなたでも利用可能なように下記の GitHub リポジトリで公開しています。</p>

<ul>
<li><a href="https://github.com/burnworks/a11y-test-assist-bookmarklets" target="_blank">アクセシビリティ試験の際に補助的に使えるブックマークレット集</a></li>
</ul>

<p>リポジトリの公開自体は2年ほど前からしておりましたが、今回、既存のブックマークレットには以前よりも少し使いやすいように変更を加え、さらに新規のブックマークレットも追加しましたので改めましてのご紹介となります。</p>

<p>なお、リポジトリでは複数のブックマークレットが公開されていますが、それぞれのブックマークレットの詳しい使用方法などにつきましては、リポジトリ内の説明文（<code>README.md</code>）をご確認ください。</p>

<h2>公開しているブックマークレット</h2>

<p>現状では、以下のブックマークレットを掲載しています。</p>

<ul>
<li><strong>image-alt-attribute-checker（画像の代替テキスト可視化）</strong><br />
画像の代替テキスト（alt属性値）の確認を支援するためのブックマークレットです。</li>
<li><strong>focusable-element-checker（フォーカス可能な要素を可視化）</strong><br />
フォーカス可能な要素の確認を支援するためのブックマークレットです。</li>
<li><strong>show-heading-level（見だしレベルを可視化）</strong><br />
見だし要素（<code>h1</code> ～ <code>h6</code>）のレベルを表示するブックマークレットです。</li>
<li><strong>non-html-link-highlighter（PDFなどへのリンクを検出）</strong><br />
PDFファイルなど、リンク先がHTMLではないファイルへのリンクを検出し、そのリンク先の拡張子を表示するブックマークレットです。</li>
<li><strong>header-cell-scope-indicator（見出しセルの見だし方向を可視化）</strong><br />
見だしセル（th 要素）の scope 属性値を表示するブックマークレットです。</li>
<li><strong>show-form-label（入力コントロールのラベル可視化）</strong><br />
入力コントロールのラベルを表示するブックマークレットです。</li>
<li><strong>force-focus-outline（強制フォーカス可視化）</strong><br />
フォーカスインジケータを強制的に表示するためのブックマークレットです。</li>
</ul>

<h2>ブックマークレットの登録方法</h2>

<p>使用方法につきましては、各ブックマークレットの <code>README.md</code> をご覧いただければと思いますが、お使いのウェブブラウザへの登録は以下の手順で行えます（ブラウザによって多少の違いがありますので、実際にお使いのブラウザでご確認ください）。</p>

<ol>
<li>ブラウザの「新規ブックマークの登録ダイアログ」を表示</li>
<li>「名前」欄に任意のブックマークレット名（例えば「見出しレベルを表示」など）を入力</li>
<li>「URL」欄に各ブックマークレットの説明ページからコピーした JavaScript（<code>javascript:</code> から始まるソースコードすべて）を入力</li>
<li>上記を入力後、ブックマークを保存（ブックマークツールバーなどに保存すると使いやすいです）</li>
</ol>

<p><img alt="Firefox ブラウザの新規ブックマーク登録ダイアログの例。「名前」にブックマークレット名を、「URL」に JavaScript コードを入力して保存します。" src="https://burnworks-inc.imgix.net/news/upload-docs/add-bookmarklet.png?auto=format&amp;lossless=true&amp;border=4,333333" width="620" height="540" decoding="async" loading="lazy" /></p>

<p>登録が完了しましたら、ブックマークレットを実行したいページを開いた状態で保存したブックマークをクリックすると、スクリプトが実行されます。</p>

<p>なお、ブックマークレットを実行するウェブページの仕様などによっては表示が正しく行われなかったり、一部表示が崩れたりする場合もありますが、その場合は本ブックマークレット以外の、別の方法をご検討ください。</p>]]>
<![CDATA[<hr />

<div id="subsection">

<p>弊社では、ブックマークレット以外にも、任意の色の組み合わせからコントラスト比をチェックするツールとして、以下の2つのオンラインツールを公開しています。</p>

<h2>Color Contrast Auto Checker</h2>

<p>コントラスト比をチェックしたい色をあらかじめ選択し、それら選択した各色の組み合わせのすべてをワンクリックで簡単にコントラスト比チェックできるツールです。</p>

<ul>
<li><a href="https://accessibility.burnworks.com/tools/color-contrast-auto-checker/" target="_blank">Color Contrast Auto Checker - 複数の色の組み合わせを簡単にコントラスト比チェック</a></li>
</ul>

<h2>Color Palette and Contrast Checker</h2>

<p>Material Design Colors（マテリアルデザインカラー）および HTML Color Names（HTMLカラーネーム）の一覧からクリックでカラーコード（16進数/RGB値/RGBA値）をクリップボードにコピーできるツールとコントラスト比チェックツール。</p>

<ul>
<li><a href="https://accessibility.burnworks.com/tools/color-palette-and-contrast-checker/" target="_blank">Color Palette and Contrast Checker - カラーコードコピー&コントラスト比チェックツール</a></li>
</ul>

</div>]]>
<![CDATA[
<hr />
<p>バーンワークス株式会社では、Web サイトの新規構築やリニューアルをはじめ、Web サイトの改善や Web マーケティングに関するコンサルティングサービスを提供しています。<a href="https://burnworks.com/service/">詳しくは弊社サービス案内をご覧ください</a>。</p>
<hr />
<p>この記事は <a href="https://burnworks.com/">バーンワークス株式会社</a> が 2025年2月 8日 18:02 に公開しました。</p>
<p>オリジナル記事の URL は <a href="https://burnworks.com/news/article/485/">https://burnworks.com/news/article/485/</a> です。</p>
]]>
</content>
</entry>

</feed>