HaiChat v2.0がリリースされました!新機能として感情認識と多言語リアルタイム翻訳を追加。

アクセシビリティ

Accessibility

HaiChatは、すべてのユーザーがサービスを利用できるよう、アクセシビリティを最優先に考えています。私たちの取り組みとサポートについて詳しく説明いたします。

1. 私たちの取り組み

アクセシビリティへのコミットメント

HaiChatは、すべてのユーザーがサービスを利用できるよう、アクセシビリティを最優先に考えています。私たちは、障害のあるユーザーも含めて、すべての人がHaiChatの価値を享受できるよう努めています。

ユニバーサルデザイン

すべてのユーザーが利用しやすいデザインを心がけています。

包括的なサービス

障害の有無に関わらず、すべてのユーザーにサービスを提供します。

継続的な改善

ユーザーフィードバックに基づいて、継続的にアクセシビリティを改善しています。

コミュニティとの協力

アクセシビリティコミュニティと協力して、より良いサービスを提供します。

🎯 私たちの目標

  • WCAG 2.1 AAレベルへの準拠
  • すべてのユーザーが利用可能なインターフェース
  • 支援技術との完全な互換性
  • 継続的なアクセシビリティ監査

2. アクセシビリティ機能

主要機能

キーボードナビゲーション

  • Tabキーでのナビゲーション
  • ショートカットキーのサポート
  • フォーカス表示の強化
  • スキップリンクの提供

スクリーンリーダー対応

  • 適切なARIAラベルの提供
  • セマンティックHTMLの使用
  • 読み上げ順序の最適化
  • 動的コンテンツの通知

視覚的アクセシビリティ

  • 高コントラストモード
  • フォントサイズの調整
  • 色覚異常への配慮
  • アニメーションの制御

音声・聴覚サポート

  • 音声認識機能
  • 音声合成機能
  • 字幕・キャプション
  • 視覚的フィードバック

マウス・タッチサポート

  • 大きなクリック領域
  • ドラッグ&ドロップの代替
  • タッチジェスチャーのサポート
  • 誤操作の防止

カスタマイズ機能

  • テーマの選択
  • レイアウトの調整
  • ショートカットの設定
  • 個人設定の保存

3. 準拠基準

アクセシビリティ基準

WCAG 2.1

Web Content Accessibility Guidelines 2.1 AAレベルに準拠

  • 知覚可能: 情報とユーザーインターフェース要素は、ユーザーが知覚できる方法で提示可能
  • 操作可能: ユーザーインターフェース要素とナビゲーションは操作可能
  • 理解可能: 情報とユーザーインターフェースの操作は理解可能
  • 堅牢: コンテンツは、支援技術を含む様々なユーザーエージェントで解釈可能

Section 508

米国リハビリテーション法第508条に準拠

  • 連邦政府の電子情報技術アクセシビリティ基準
  • 障害のある連邦職員のアクセス確保
  • 一般公衆のアクセス確保
  • 技術的な基準の遵守

ADA準拠

アメリカ障害者法に準拠

  • 障害のある個人の機会均等
  • 完全参加の確保
  • 独立した生活の確保
  • 経済的自立の確保

モバイルアクセシビリティ

モバイルデバイスでのアクセシビリティ確保

  • タッチインターフェースの最適化
  • 音声認識の活用
  • ジェスチャーナビゲーション
  • レスポンシブデザイン

4. 支援技術サポート

対応支援技術

スクリーンリーダー

JAWS Windows用スクリーンリーダー
NVDA 無料のWindows用スクリーンリーダー
VoiceOver macOS/iOS用スクリーンリーダー
TalkBack Android用スクリーンリーダー

キーボードナビゲーション

キーボードのみ マウスを使わない操作
スイッチコントロール 外部スイッチでの操作
音声コマンド 音声での操作
視線追跡 視線での操作

代替入力デバイス

トラックボール 手の動きが限定的な場合
ジョイスティック ゲームパッドでの操作
タッチパッド タッチ操作の代替
音声入力 音声での文字入力

視覚支援技術

画面拡大ソフト 画面の拡大表示
高コントラスト コントラストの調整
色覚異常対応 色の区別の支援
フォント調整 文字サイズ・フォントの変更

5. キーボード操作

キーボードショートカット

🔍 ナビゲーション

Tab 次の要素に移動
Shift + Tab 前の要素に移動
Home ページの先頭に移動
End ページの末尾に移動

💬 チャット機能

Ctrl + Enter メッセージを送信
Ctrl + K 検索を開く
Ctrl + / ヘルプを表示
Esc モーダルを閉じる

⚙️ 設定・機能

Ctrl + , 設定を開く
Ctrl + T 新しいタブを開く
Ctrl + W タブを閉じる
F1 ヘルプを表示

🎨 アクセシビリティ

Ctrl + + ズームイン
Ctrl + - ズームアウト
Ctrl + 0 ズームリセット
Alt + A アクセシビリティ設定

6. スクリーンリーダー対応

スクリーンリーダー最適化

📝 セマンティックマークアップ

  • 適切なHTML要素の使用(header, nav, main, section, article, aside, footer)
  • 見出しの階層構造(h1, h2, h3, h4, h5, h6)
  • リストの適切な使用(ul, ol, li)
  • テーブルの適切な構造(table, thead, tbody, th, td)

🏷️ ARIAラベル

  • aria-label: 要素の目的を説明
  • aria-labelledby: 他の要素をラベルとして参照
  • aria-describedby: 詳細な説明を提供
  • aria-expanded: 展開/折りたたみ状態を通知
  • aria-selected: 選択状態を通知

🔊 読み上げ最適化

  • 適切な読み上げ順序の確保
  • 動的コンテンツの変更通知
  • フォーカス管理の最適化
  • エラーメッセージの適切な通知

🎯 フォーカス管理

  • 論理的なフォーカス順序
  • スキップリンクの提供
  • フォーカストラップの適切な実装
  • フォーカス表示の強化

7. 視覚的アクセシビリティ

視覚的配慮

🎨 色とコントラスト

高コントラストモード

WCAG 2.1 AAレベル(4.5:1)以上のコントラスト比を確保

色覚異常対応

色だけでなく、形やテキストでも情報を伝達

ダークモード

目の疲労を軽減するダークテーマを提供

📝 テキストとフォント

フォントサイズ調整

ユーザーが文字サイズを自由に調整可能

読みやすいフォント

視認性の高いフォントファミリーを使用

行間・文字間隔

読みやすさを考慮した適切な間隔

🎬 アニメーションと動き

アニメーション制御

ユーザーがアニメーションを無効化可能

動きの軽減

prefers-reduced-motionメディアクエリに対応

フラッシュ制限

てんかんを誘発する可能性のあるフラッシュを制限

🖼️ 画像とメディア

代替テキスト

すべての画像に適切なalt属性を提供

図表の説明

複雑な図表には詳細な説明を提供

動画の字幕

動画コンテンツに字幕・キャプションを提供

8. フィードバック・サポート

アクセシビリティフィードバック

HaiChatのアクセシビリティの改善にご協力ください。ご意見、ご要望、問題の報告など、どのようなフィードバックでも歓迎いたします。

継続的な改善

HaiChatは、アクセシビリティの継続的な改善に取り組んでいます。ユーザーフィードバック、技術の進歩、規制の変更に基づいて、定期的にサービスを更新しています。