Caution

This document is an English translation of the “freee Accessibility Guidelines.” The normative version of this document is in Japanese, and the English version is informational. The English translation is incomplete, and any links with their link texts left in Japanese are untranslated. Please be aware that there may be inaccuracies in the translation or parts that are outdated.

Tools for Checking Accessibility

• The Nu Html Checkerを用いたHTMLのバリデーション
  • ブックマークレットの利用
  • ローカルに実行環境を構築
  • Related Guidelines
• Method for Checking Contrast Ratio
  • Using Accessibility Check Tools
  • When Automatic Contrast Ratio Detection Cannot Be Performed
    • Checking Screens of Mobile Applications
    • Examining Color Codes
      • Windows
      • macOS
    • Contrast Ratio Calculation Tools
  • References
  • Related Guidelines
• How to Perform Checks with Screen Readers
  • How to Perform Checks With NVDA
    • Environment for Accessibility Checks
    • Preparation
      • Installation of NVDA
      • Settings Required at First Launch
        • Keyboard Layout
        • NVDA Control Key
        • Other Settings
      • Other Initial Settings
        • Speech
        • Vision
        • Browse Mode
        • Mouse
        • Document Formatting
        • Managing Voice Synthesizers
    • Things You Should Know
      • NVDA Menu
      • Starting and Stopping NVDA
      • Focus Mode and Browse Mode
      • Utilizing the Speech Viewer
      • Key Commands to Know
        • Changing Speech Settings
        • Other Commands
      • Updating NVDA
    • Web Content Checks
      • Having the Entire Page Read Aloud
      • Interactable Components
      • Reading Tables
      • Various Key Commands for Navigation
  • How to Perform Checks With macOS VoiceOver
    • The Role of macOS VoiceOver in Accessibility Checks
    • Preparation
      • Starting and Stopping VoiceOver
        • Function Key Settings
      • Operation for First-time VoiceOver Users
      • Recommended Settings
        • General
        • Visuals
        • Commanders
    • Things You Should Know
      • VoiceOver Key (VO Key) and VO Key Lock
      • VoiceOver Cursor and Keyboard Focus
      • Moving the VoiceOver Cursor
      • Operating Items
      • Rotor
      • Key Commands to Know
      • Reference Information
    • Web Content Checks
      • Making VoiceOver Read Longer text
      • Interactable Components
      • VoiceOver Key Commands for Navigation
  • iOS VoiceOverを用いたチェックの実施方法
    • 起動と終了
    • 推奨設定
      • ヒントの読み上げ
      • ローター
      • 句読点の読み上げ
      • 多言語読み上げが可能な設定
      • VoiceOverの読み上げ内容の表示
    • 基本的な使い方
      • 1本指による右および左方向へのフリック
      • 1本指によるダブルタップ
      • 1本指による上および下方向へのフリック
      • ローター・ジェスチャー
      • スクロール
      • その他の3本指によるフリック操作
      • ホーム画面への移動
    • 戸惑わないために知っておきたいジェスチャー
      • 読み上げのオン/オフ
      • スクリーン・カーテン
      • 音楽の再生
    • 一般的に用いられるコンポーネントの操作方法と期待される挙動
      • ボタン
        • VoiceOver利用時の挙動
        • 実装のポイント
      • ラベル
        • VoiceOver利用時の挙動
      • ページコントロール
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
      • ピッカー
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
      • セグメントコントロール
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
      • スライダ
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
        • 実装のポイント
      • トグル
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
      • テキストフィールド
        • 使用されている箇所の例
        • VoiceOver利用時の挙動
  • Android TalkBackを用いたチェックの実施方法
    • 起動と終了
    • 推奨設定
      • 読み上げの詳細設定
      • 読み上げコントロール
      • TalkBackの読み上げ内容の表示
    • 基本的な使い方
      • 1本指による右および左方向へのフリック
      • 1本指によるダブルタップ
      • 1本指による上および下方向へのフリック
      • 読み上げコントロールの変更（3本指による上および下方向へのフリックなど）
      • スクロール
      • その他の2本指による操作
    • 戸惑わないために知っておきたいジェスチャー
      • 音楽の再生
    • 一般的に用いられるコンポーネントの操作方法と期待される挙動
      • ボタン
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • checkbox
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • switch
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • radio button
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • スピナー
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • time picker
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • ポップアップ
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • dialog
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • ハンバーガー・メニュー
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • 画面右上のメニュー
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • tab
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • 縦スクロール
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • text field
        • 使用されている箇所の例
        • TalkBack利用時の挙動
      • 検索ボックス
        • 使用されている箇所の例
        • TalkBack利用時の挙動
• Checking Accessibility With axe DevTools
  • How to Install and Launch axe DevTools
  • Initial Setup (Recommended)
  • Analyzing the Current Page with axe DevTools
  • How to Read the Report
  • Considerations When Using axe DevTools
  • Related FAQs