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.

freee Accessibility Guidelines

This document is a work in progress and will be updated as needed to include additional supplementary information and to enhance its clarity and expression.

This is an English translation of the freee Accessibility Guidelines. The original Japanese version is the authoritative version. In the event of any discrepancy between the English and Japanese versions, the Japanese version shall prevail.

This translation is based on the following version of the freee Accessibility Guidelines:

Release:

Ver. 202411.0-CURRENT.20241205+5.1.0

Guidelines Version:

Ver. 202411.0-CURRENT.20241205

Checksheet Version:

5.1.0

updated:

Dec 05 2024

• Preface
  • About freee Accessibility Guidelines
  • How to Utilize the freee Accessibility Guidelines
  • About Editing This Document
  • Update History
• Guidelines
  • Markup and Implementation
  • Pages in General
  • Login Sessions
  • Input Devices
  • Text
  • Images of Text
  • Images
  • Icons
  • Links
  • Forms
  • Dynamic Content
  • Audio and Video Content
• Accessibility Checklist
  • Complete List of Accessibility Check Items
  • Examples of How to Conduct Checks
  • Google Spreadsheet for Performing Checks
• Supplementary Information on the Guidelines
  • Correspondence Between WCAG 2.1 Success Criteria and Our Guidelines
  • Our Guidelines and the Level of WCAG 2.1 Success Criteria
  • Correspondence Between axe DevTools Rules and These Guidelines
• Supplementary Information
  • The Importance of Properly Marking Up Semantics
  • UIコンポーネントのアクセシビリティー
  • 適切なページ構造、マークアップとスクリーン・リーダーを用いた効率的な情報アクセス
  • 画面の表示方向と肢体不自由者の利用
  • 使いやすさとアクセシビリティーを改善するナビゲーションの設計と実装
  • 制限時間とアクセシビリティー
  • The Role of Wording in Text Information and Accessibility
  • 画像化されたテキストの問題点
  • 画像化されたテキストを使用する場合の代替情報の提供
  • Importance of Contrast Ratio
  • 拡大表示時のアクセシビリティー
  • リンク先の内容を推測しやすくする
  • DOMツリーとスクリーン・リーダー
  • マウスオーバー（ホバー）で表示されるコンテンツと拡大表示
  • ステータス・メッセージとスクリーン・リーダー
  • Issues with Content Changing Automatically
  • フォーム・コントロールのラベル付けの必要性
  • Issues Related to Click and Tap Target Sizes and How to Verify Target Sizes
  • フォーム操作で発生する動的な変化が及ぼす影響
  • 入力エラーの扱い
  • lang 属性と音声読み上げ
  • ユーザーCSSを適用したチェックの実施方法
  • Describing Images Through Text
  • 画像の表示とアクセシビリティー
  • Considerations for Using Color in Expressions
  • How to Switch to Grayscale Display
  • キーボード・トラップが引き起こす問題
  • Basic Principles of Accessibility in Mobile Applications
  • 様々なユーザーの入力手段の特徴とそのサポート
  • Tab/Shift+Tabキーを用いたチェック
  • 音声・映像コンテンツの存在を認知可能にする
  • 音声の自動再生とアクセシビリティー
  • 音声・映像コンテンツのアクセシビリティーを確保する
  • Tools for Checking Accessibility
• Frequently Asked Questions (FAQ)