アクセシビリティ適合性レポート
WCAG 2.1 レベル A + AA、改訂版 Section 508 基準、EN 301 549 V3.2.1 に対する VPAT 2.5 の自己評価による適合性レポートです。
対象範囲
- Date
- Date Time
- Booking
- カレンダー表示
- タイムライン表示
- 週表示
- 稼働率表示
- 予定一覧表示
- セットアップウィザード
このレポートの対象は MultiDatePick のコンポーネント自体です。Date、Date Time、Booking の各コンポーネント、Booking コンポーネントの 5 つのカレンダー表示、そしてセットアップウィザードが含まれます。周囲の Salesforce プラットフォーム (Lightning のページ枠、ナビゲーションバー、レコードヘッダー、関連リスト、アプリケーションランチャー) は Salesforce の責任範囲であり、Salesforce 独自の VPAT (salesforce.com/company/legal/accessibility) が適用されます。
公的機関での導入をご検討ですか? 官公庁向け Section 508 ガイドをお読みください。
スキャン結果
axe-core 4.11、WCAG 2.1 A および AA のルールを使用。2026 年 10 月 21 日に管理パッケージ 0.12.0-4 とパッケージ化前のソースに対して実行し、2026 年 10 月 26 日に 0.13.0 の追加機能を含むパッケージ化前のソースに対して再度実行しました。3 回とも同じ結果でした。
| 画面 | 違反 | 合格したルール |
|---|---|---|
| Date コンポーネント | 0 | 16 |
| Date Time コンポーネント | 0 | 17 |
| Booking コンポーネント | 0 | 17 |
| カレンダー表示 | 0 | 18 |
| タイムライン表示 | 0 | 17 |
| 週表示 | 0 | 17 |
| 稼働率表示 | 0 | 17 |
| 予定一覧表示 | 0 | 16 |
axe はすべての対象で 2 つのチェックを手動確認対象として報告します。1 つは、Lightning のシャドウ DOM 内の ARIA の ID 参照を追跡できないことです。参照される各 ID が同じコンポーネント内に存在することは、コードレビューで確認しています。もう 1 つは、コンポーネント内のコントラストについて自動判定の結果を返さないことです。コントラストは下記の 1.4.3 で扱います。
用語
このレポートの適合レベルの値には、次の用語を使用しています (ITI VPAT 2.5 テンプレートに準拠)。
- サポート: 製品の機能に、既知の欠陥なく達成基準を満たす方法、または同等の手段で満たす方法が少なくとも 1 つある。
- 部分的にサポート: 製品の一部の機能が達成基準を満たしていない。
- サポートしない: 製品の機能の大部分が達成基準を満たしていない。
- 該当なし: 達成基準が製品に関係しない。
WCAG 2.1 レベル A
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 1.1.1 非テキストコンテンツ | サポート | アイコンのみのインタラクティブなボタン (カレンダーの前へ/次へ、日付セル、時間枠、状況ラベル) はすべて、aria-label または title でアクセシブルな名前を公開しています。日付セルのアクセシブルな名前には、完全な日付と状態が含まれます (例: 「2026年4月1日 水曜日、選択済み、今日」)。 |
| 1.2.1 音声のみ及び映像のみ | 該当なし | 音声や映像のメディアはありません。 |
| 1.2.2 キャプション (収録済) | 該当なし | 同期したメディアはありません。 |
| 1.2.3 音声解説、又はメディアに対する代替 | 該当なし | 映像メディアはありません。 |
| 1.3.1 情報及び関係性 | サポート | カレンダーのマークアップはセマンティックな ARIA グリッドを使用しています: role="grid" → role="row" → role="gridcell" + role="columnheader"。フォームのラベルは lightning-input / lightning-textarea によってプログラムで関連付けられています。状況ラベルのグループは role="group" を使用します。 |
| 1.3.2 意味のある順序 | サポート | DOM の順序は視覚的な読み順と一致しています。ウィザードの手順は番号順に、カレンダーの週は上から下へ、時間枠は時刻順に表示されます。 |
| 1.3.3 感覚的な特徴 | サポート | 説明が色、形、位置だけに頼ることはありません。状況の色は、状況ラベルの行でテキストラベルと組み合わせて表示されます。 |
| 1.4.1 色の使用 | サポート | 選択した日付は、色の塗りつぶし「と」太い枠線の両方で表示されます。競合する時間枠は、斜めのストライプ「と」状況バッジの両方で表示されます。 |
| 1.4.2 音声の制御 | 該当なし | 製品は音声を出しません。 |
| 2.1.1 キーボード | サポート | すべてのインタラクティブな要素にキーボードで到達できます。矢印キーで日付グリッドを移動し、Tab でカレンダー、状況ラベル、タイムグリッドの間を移動し、Enter / Space でフォーカスのあるセルを操作し、Escape でモーダルを閉じます。月と年の矢印は Tab 順序に含まれるネイティブのボタンです (0.13.0)。5 つの表示では、表示の切り替えボタン、すべての予約バー、ブロック、ヒートマップのセル、予定一覧の行が、アクセシブルな名前を持つネイティブのボタンです。 |
| 2.1.2 キーボードトラップなし | サポート | Tab または Escape で、どのコンポーネントからもフォーカスを外せます。モーダル形式の画面 (インポート/エクスポート、設定の保存) は Escape で閉じられます。 |
| 2.1.4 文字キーのショートカット | サポート | 支援技術と競合するおそれのある 1 文字のショートカットはありません。矢印キー / Enter / Escape は、フォーカスのあるカレンダーグリッド内でのみ有効です。 |
| 2.2.1 タイミング調整可能 | 該当なし | ユーザー操作に制限時間はありません。CMT のデプロイのポーリングは、ユーザーに制限時間を課さずに進行状況を表示します。 |
| 2.2.2 一時停止、停止、非表示 | 該当なし | 動く、点滅する、スクロールする、自動更新されるコンテンツはありません。ホバー時のポップオーバーは必要なときに表示され、ポインターが離れると消えます。 |
| 2.3.1 3 回の閃光、又は閾値以下 | サポート | 閃光を放つコンテンツはありません。デプロイ中のスピナーは閃光の閾値を下回る速さでゆっくり回転します。 |
| 2.4.1 ブロックスキップ | サポート | 製品はページ全体ではなくコンポーネントです。ブロックのスキップは Salesforce の「ナビゲーションをスキップ」リンクが担います。 |
| 2.4.2 ページタイトル | 該当なし | ページタイトルはコンポーネントではなく Salesforce プラットフォームが設定します。 |
| 2.4.3 フォーカス順序 | サポート | Tab の順序は論理的な DOM の順序に従います: 見出し → カレンダーグリッド → 状況ラベル (表示時) → 時間枠グリッド (表示時) → フッターのボタン。 |
| 2.4.4 リンクの目的 (コンテキスト内) | サポート | ウィザードのリンク (「最初にガイド付きツアーを実行」、「コンポーネントのディープダイブ: Dates · DateTime · Booking」) には内容がわかるテキストがあります。ホバー時のポップオーバーにある「レコードを表示」リンクも、文脈から目的が明確です。 |
| 3.1.1 ページの言語 | サポート | ユーザーの Salesforce ロケールに従います。9 言語の翻訳を内蔵: 英語、スペイン語、フランス語、ドイツ語、イタリア語、日本語、ヒンディー語、ポルトガル語 (ブラジル)、中国語 (簡体字)。 |
| 3.2.1 フォーカス時 | サポート | 日付セル、状況ラベル、時間枠にフォーカスしても、コンテキストは変化しません。選択はクリック / Enter / Space による明示的な操作でのみ行われます。 |
| 3.2.2 入力時 | サポート | フォームの項目値を変更しても自動送信されません。送信は「次へ」/「保存」/「予約」ボタンで明示的に行います。 |
| 3.3.1 エラーの特定 | サポート | フォームのエラー (無効な日付、競合、項目レベルセキュリティ) は、トースト通知と、スクリーンリーダーが読み上げる role="alert" 付きのインラインエラーテキストで表示されます。エラーには関係する項目、オブジェクト、ルールが明示されます。入力規則は独自のメッセージを表示し、権限が不足している場合は何が不足しているかを示します。 |
| 3.3.2 ラベル又は説明 | サポート | すべてのフォーム項目に、プログラムで関連付けられたラベルがあります。複数ステップの操作には、インラインの説明テキストが付いています。 |
| 4.1.1 構文解析 | サポート | HTML マークアップは整形式で、ビルド時に LWC コンパイラーで検証されています (WCAG 2.2 では廃止)。 |
| 4.1.2 名前 (name)・役割 (role) 及び値 (value) | サポート | すべてのインタラクティブな要素は、アクセシブルな名前、ロール、値を公開しています。カレンダーは ARIA のグリッドパターンを使用し、セルに aria-selected を付けています。フォームの入力には、セマンティックな lightning-input / lightning-textarea / lightning-combobox コンポーネントを使用しています。表示の切り替えはラベル付きのボタングループで、選択中の表示に aria-pressed が付き、表示名とラベルはユーザーの言語に従います。月と年の矢印は、それぞれ操作名 (「前の月」、「次の月」) の付いたボタンです。選択できないカレンダーの日付は利用不可と読み上げられ、aria-disabled が付きます。「カレンダーに追加」は表示名のある本物のダウンロードリンクです。axe-core は 8 つの対象すべてで違反ゼロを検出しています (スキャン結果を参照)。 |
WCAG 2.1 レベル AA
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 1.2.4 キャプション (ライブ) | 該当なし | ライブメディアはありません。 |
| 1.2.5 音声解説 (収録済) | 該当なし | 映像メディアはありません。 |
| 1.3.4 表示の向き | サポート | 製品の CSS レイアウトは縦向きと横向きの両方に対応します。画面の向きは固定されません。 |
| 1.3.5 入力目的の特定 | サポート | フォーム項目は lightning-input の属性によって、特定された入力目的に対応付けられています。日付項目は type="date"、時刻項目は type="time" を使用します。 |
| 1.4.3 コントラスト (最低限) | 部分的にサポート | 既定の色は背景に対して 4.5:1 のコントラストを満たしています。状況の色は管理者が選びます。白い背景に淡い塗りつぶしを選ぶと 4.5:1 を下回ることがあり、製品はその選択を防げません。準拠を保つには SLDS のカラーパレットを使用してください。自動スキャンはコンポーネント内のコントラストについて結果を返さないため、この評価は既定のパレットのレビューに基づいています。 |
| 1.4.4 テキストのサイズ変更 | サポート | ブラウザーのズームで、コンテンツや機能を損なうことなくテキストを 200% まで拡大できます。 |
| 1.4.5 文字画像 | サポート | すべてのテキストは実際のテキストとして表示されます。UI に文字画像は使用していません。 |
| 1.4.10 リフロー | 部分的にサポート | カレンダーグリッドと時間枠グリッドは、一般的なブレークポイントでリフローします。幅 320 CSS ピクセルでは、日付グリッドは 7 列の構造を保ちます (縦に並び替えるのではなく、セルが比例して狭くなります)。ウィザードの 2 枚のカードによる進め方の選択は、640px 未満で縦に並びます。タイムライン、週、稼働率は 2 次元のグリッドで、狭いコンテナーではキーボードでフォーカスできる領域内で横スクロールします。予定一覧は 1 列でリフローします。 |
| 1.4.11 非テキストのコントラスト | サポート | インタラクティブなコンポーネントの状態 (フォーカスリング、ホバー、選択) には、隣接する色に対して 3:1 以上のコントラストを持つ枠線または塗りつぶしの色を使用しています。 |
| 1.4.12 テキストの間隔 | サポート | ユーザーがテキストの間隔を上書きしても、コンテンツが失われることはありません。テキストのコンテナーには、内容が切れるような固定の高さを設定していません。 |
| 1.4.13 ホバー又はフォーカスで表示されるコンテンツ | サポート | 予約のホバー時ポップオーバーは、消去可能 (ポインターが離れる、または Escape で閉じる)、ホバー可能、かつ継続的 (フォーカス中は自動で消えない) です。 |
| 2.4.5 複数の手段 | 該当なし | 製品はコンポーネントであり、複数のページを持つ Web サイトではありません。 |
| 2.4.6 見出し及びラベル | サポート | セットアップウィザードの手順のラベルは内容がわかるものになっています (「名前と種別」、「オブジェクトと項目」、「状況と表示」、「確認と保存」)。 |
| 2.4.7 フォーカスの可視化 | サポート | すべてのインタラクティブな要素に、目に見えるフォーカスインジケーターがあります (セルには青いリング、選択した日付にはオレンジの輪郭線、ボタンには SLDS のフォーカス状態)。 |
| 2.5.1 ポインタのジェスチャ | サポート | ドラッグによる選択や、タイムラインや週表示での予約のドラッグは補助的な操作です。クリックとレコードの編集フォームが常に同等の手段になります。経路に基づくジェスチャや複数ポイントのジェスチャは必要ありません。 |
| 2.5.2 ポインタのキャンセル | サポート | 選択は (押したときではなく) 離したときに確定します。離す前にポインターをコントロールの外に動かせばキャンセルできます。 |
| 2.5.3 ラベルを含む名前 (name) | サポート | ボタンの表示ラベルはアクセシブルな名前と一致しています (「日付を保存」、「予約」、「Edit Bookings」)。 |
| 2.5.4 動きによる起動 | 該当なし | 製品はデバイスの動きに反応しません。 |
| 3.1.2 一部分の言語 | サポート | 翻訳されたラベルはユーザーの Salesforce ロケールに従います。1 つの画面に複数の言語が混在することはありません。 |
| 3.2.3 一貫したナビゲーション | サポート | ウィザードの手順の移動 (次へ / 戻る) は、どの進め方でも一貫しています。フッターのボタン行は、どのコンポーネントでも一貫しています。 |
| 3.2.4 一貫した識別性 | サポート | カレンダーの前へ/次への矢印、状況ラベルの色、定員バッジ、時間枠のアイコンは、どのコンポーネントでも一貫しています。 |
| 3.3.3 エラー修正の提案 | サポート | 入力エラーでは何を直せばよいかを示します。たとえば不正な設定をインポートすると「無効な JSON です。形式を確認して再試行してください。」と表示されます。予約受付期間の事前通知期間内に保存しようとすると、該当する日付を示し、それを外すか、もっと後の時間を選ぶよう案内します。 |
| 3.3.4 エラー回避 (法的、金融及びデータ) | サポート | 破壊的な操作 (予約の削除) は 2 回クリックの確認方式を使用します。保存は既定で追加のみです。外した日付は、編集モードで明示的に削除しない限り削除されません。 |
| 4.1.3 ステータスメッセージ | サポート | ステータスメッセージは role="alert"、role="status"、または Salesforce の ShowToastEvent を使用し、フォーカスを移動せずにスクリーンリーダーで読み上げられます。保存後の「カレンダーに追加」の案内とライセンスの通知は role="status" の領域です。 |
改正 Section 508
Section 508 は、ソフトウェアについて WCAG 2.0 のレベル A と AA を参照しています。WCAG 2.0 の達成基準は、上記で報告した WCAG 2.1 の達成基準の一部です。該当する各達成基準については WCAG の表を参照してください。
第 3 章: 機能的性能基準
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 302.1 視覚を使用しない場合 | サポート | スクリーンリーダーで完全に使用できます。ARIA のロールとラベルが、カレンダーの構造、状況、操作の状態を読み上げます。 |
| 302.2 視覚が限られている場合 | サポート | ブラウザーの 200% ズーム (WCAG 1.4.4) と、ユーザーによるテキスト間隔の調整 (1.4.12) に対応しています。 |
| 302.3 色の知覚を使用しない場合 | サポート | 色だけで状態を示すことはありません。選択した日付には太い枠線、競合には斜めのストライプがあり、状況ラベルにはテキストが含まれます。 |
| 302.4 聴覚を使用しない場合 | 該当なし | 製品は音声を出しません。 |
| 302.5 聴覚が限られている場合 | 該当なし | 製品は音声を出しません。 |
| 302.6 発話を使用しない場合 | 該当なし | 製品は音声入力を必要としません。 |
| 302.7 操作能力が限られている場合 | サポート | シングルポインターまたはキーボードのみの入力で完全に使用できます。マルチタッチのジェスチャは必要ありません。 |
| 302.8 到達範囲と筋力が限られている場合 | サポート | 日付グリッドのクリック対象は、最小 24×24 CSS ピクセルを満たしています。高密度の定員モードでは時間枠が小さくなりますが、これは管理者が選ぶ密度の設定です。 |
| 302.9 言語、認知、学習の能力が限られている場合 | サポート | セットアップウィザードには、インラインのヘルプテキスト付きでガイドする「手順に沿って案内してほしい」の進め方があります。ツールチップが高度なプロパティを説明します。エラーメッセージでは専門用語を避けています。 |
第 5 章: ソフトウェア
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 502.2.1 アクセシビリティ機能のユーザー制御 | 該当なし | 製品はプラットフォームのアクセシビリティ機能を上書きしません。 |
| 502.2.2 アクセシビリティ機能を妨げない | サポート | Salesforce プラットフォームのアクセシビリティ機能を妨げません。 |
| 502.3 アクセシビリティサービス | サポート | 標準の ARIA / HTML のセマンティクスで公開しています。独自のアクセシビリティ API は使用していません。 |
| 502.4 プラットフォームのアクセシビリティ機能 | サポート | ブラウザーと OS のアクセシビリティ機能 (ズーム、ハイコントラストモード、視差効果を減らす設定) に従います。 |
第 6 章: サポートドキュメントとサービス
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 602.2 アクセシビリティと互換性の機能 | サポート | この VPAT がアクセシビリティ機能を文書化しています。この URL で公開しています。 |
| 602.3 電子サポートドキュメント | サポート | 製品のドキュメントはすべて、アクセシブルな HTML として multidatepick.com で公開しています。 |
| 602.4 電子以外のドキュメントの代替形式 | 該当なし | サポートドキュメントはすべて電子形式です。 |
| 603.2 アクセシビリティと互換性に関する情報 | サポート | サポート用メールでアクセシビリティに関するご質問にお答えします。 |
| 603.3 コミュニケーションへの配慮 | サポート | 電話やチャットよりメールを好むユーザー向けに、メールによるサポートを提供しています。 |
EN 301 549 V3.2.1
EN 301 549 は、第 9 章 (Web) と第 11 章 (ソフトウェア) 全体で WCAG 2.1 のレベル A と AA を参照し、ICT 固有の要件を追加しています。WCAG 以外の下記の基準はこの表の中で扱い、それ以外はすべて上記の WCAG の表を参照します。
| 達成基準 | 適合レベル | 備考 |
|---|---|---|
| 4. 機能的性能に関する記述 | サポート | 上記の Section 508 第 3 章と同じです。 |
| 5.1 クローズド機能 | 該当なし | 製品はクローズド機能ではありません。 |
| 5.2 アクセシビリティ機能の有効化 | サポート | アクセシビリティ機能 (ARIA ラベル、キーボード操作、スクリーンリーダーとの互換性) は常に有効です。ユーザーが有効にする必要はありません。 |
| 9 Web (WCAG 2.1 A + AA) | 部分的にサポート | 上記の WCAG の表を参照してください。1.4.3 (管理者が設定できる色) と 1.4.10 (320px でのリフロー) は部分的にサポート。 |
| 11 ソフトウェア (WCAG 2.1 A + AA) | 部分的にサポート | 上記の WCAG の表を参照してください。1.4.3 (管理者が設定できる色) と 1.4.10 (320px でのリフロー) は部分的にサポート。 |
| 12 ドキュメントとサポートサービス | サポート | 上記の Section 508 第 6 章と同じです。 |
アクセシビリティに関するご質問、ご意見、改善のご要望は support@multidatepick.com までお寄せください。
すべてのチームにアクセシブルなカレンダーを
Salesforce AppExchange で近日公開。1 ユーザーあたり月額 $20 ですべての機能を利用でき、30 日間の無料トライアル付きです。