ウェブアクセシビリティ方針ジェネレーター

チェックリストに答えるだけで、JIS規格に準拠した方針ページを自動生成します。

1. 基本情報

2. 対応状況チェック

現在: {{ checkedCount }}項目クリア

{{ catIndex + 1 }} {{ category.name }}

{{ item.desc }}

3. 未対応項目・その他

{{ generatedContent }}
{{ outputFormat === 'html' ? 'HTML Generated' : 'Markdown Generated' }} {{ generatedContent.length }} chars
完成後のステップ
  1. 保存: 「保存」ボタンでHTMLファイルをダウンロードします。
  2. アップロード: サーバーにアップロードします(例: accessibility.html
  3. リンク: サイトのフッターからリンクを貼って完了です!
SPONSOR

なぜアクセシビリティ方針が必要なのか? (クリックで読む)

障害者差別解消法の改正と「合理的配慮」

2024年4月1日に施行された「改正障害者差別解消法」により、行政機関だけでなく、民間事業者に対しても障害者への「合理的配慮の提供」が義務化されました。これにはWebサイトやアプリケーションのアクセシビリティ確保も含まれると考えられています。

Webサイトにおける「合理的配慮」とは、障害のある方が情報を取得・利用しようとした際に、何らかの障壁(バリア)がある場合、そのバリアを取り除くための手段を提供することを指します。例えば、問い合わせフォームがスクリーンリーダーで読めない場合に電話対応を受け付けることや、動画に字幕がない場合に代替テキストを提供することなどが挙げられます。

アクセシビリティ方針を公開するメリット

すべてのWebサイトが今すぐに完璧なアクセシビリティ(JIS X 8341-3 適合レベルAAなど)を達成することは、技術的・コスト的に難しい場合があります。しかし、重要なのは「現時点での対応状況」と「今後の取り組み」を誠実に明示することです。

  • 信頼性の向上: 誰にとっても使いやすいサイトを目指している姿勢を示すことで、ユーザーや社会からの信頼が高まります。
  • リスク管理: 現状の対応範囲を明確にすることで、トラブルを未然に防ぎ、具体的なフィードバックを受け入れやすくなります。
  • SEOへの効果: アクセシビリティの高いサイトは、検索エンジンにとっても理解しやすい構造であることが多く、結果としてSEO評価にプラスに働きます。

このツールの活用方法

この「A11y Fixer」は、専門的な知識がなくても、簡単なチェックリストに答えるだけで標準的なアクセシビリティ方針ページを作成できるツールです。現状で対応できている項目にはチェックを入れ、できていない項目については今後の対応予定や代替手段を記載することで、実態に即した誠実な方針文を作成できます。あなたのWebサイトでも、ぜひアクセシビリティへの取り組みを公開してみてください。

\n\n\n`; html += `

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

\n`; html += `

${sn}(以下「当サイト」)は、提供するサービスや情報をより多くの方にご利用いただけるよう、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針-情報通信における機器,ソフトウェア及びサービス-第3部:ウェブコンテンツ」に基づき、ウェブアクセシビリティの確保と向上に取り組んでいます。

\n\n`; html += `

1. 対象範囲

\n`; html += `

当サイト(${u})全体。

\n\n`; html += `

2. 目標とする適合レベル

\n`; html += `

${tl} への準拠を目標とします。

\n\n`; html += `

3. 現在の対応状況

\n`; html += `

以下の項目について、対応を確認しています。

\n`; html += `\n\n`; html += `

4. 今後の対応方針

\n`; if (failedList.length > 0) { html += `

以下の項目については、${unsupportedType.value === 'plan' ? '現在対応を進めており、是正いたします。' : '現状の技術的・運用的制約により、適合の対象外とします。'}

\n`; html += `\n`; if (unsupportedType.value === 'plan' && targetDate.value) { html += `

対応予定時期: ${targetDate.value}

\n`; } } else { html += `

現在把握している問題点はありませんが、引き続き品質維持に努めます。

\n`; } html += `\n`; html += `

5. お問い合わせ

\n`; html += `

当サイトのアクセシビリティに関するご意見・ご要望がございましたら、下記までご連絡ください。

\n`; html += `

${contact}

\n\n`; html += `
\n

策定日: ${dateStr}

\n\n`; html += `
\n`; return html; } }); // Methods const copyToClipboard = async () => { try { // GA4 Tracking if (typeof gtag === 'function') { gtag('event', 'use_tool', { tool_name: document.title.replace(' | Creators Box', ''), }); } await navigator.clipboard.writeText(generatedContent.value); copied.value = true; // Toast reset setTimeout(() => { copied.value = false; }, 2000); } catch (err) { console.error('Failed to copy', err); } }; const downloadHtml = () => { // GA4 Tracking if (typeof gtag === 'function') { gtag('event', 'use_tool', { tool_name: document.title.replace(' | Creators Box', ''), }); } const content = generatedContent.value; const blob = new Blob([content], { type: 'text/html' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); // Simple filename generation const filename = outputFormat.value === 'html' ? 'accessibility_policy.html' : 'accessibility_policy.md'; link.download = filename; link.click(); URL.revokeObjectURL(link.href); }; return { siteName, url, targetLevel, checklist, checkedCount, unsupportedType, targetDate, contactInfo, outputFormat, generatedContent, copied, copyToClipboard, downloadHtml, }; }, }).mount('#app'); // Creators Box共通機能を初期化 document.addEventListener('DOMContentLoaded', () => { new DashboardTracker('a11y-fixer'); initCreatorsBoxComponents({ toolId: 'a11y-fixer', toolTitle: 'A11y Fixer', showRelated: true, showFavorite: true, }); });