freee
freee Accessibility Guidelines
Ver. 202408.0-RELEASE+5.0.2
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
Examples of How to Conduct Checks Using Keyboard Operations
Examples of How to Conduct Checks Using axe DevTools
Examples of How to Conduct Checks Using NVDA
Examples of How to Conduct Checks Using macOS VoiceOver
Examples of How to Conduct Checks Using iOS VoiceOver
Examples of How to Conduct Checks Using Android TalkBack
Examples of How to Conduct Checks with Other Methods
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 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
キーボード・トラップが引き起こす問題
様々なユーザーの入力手段の特徴とそのサポート
Tab/Shift+Tabキーを用いたチェック
音声・映像コンテンツの存在を認知可能にする
音声の自動再生とアクセシビリティー
音声・映像コンテンツのアクセシビリティーを確保する
Tools for Checking Accessibility
The Nu Html Checkerを用いたHTMLのバリデーション
Method for Checking Contrast Ratio
How to Perform Checks with Screen Readers
How to Perform Checks With NVDA
How to Perform Checks With macOS VoiceOver
iOS VoiceOverを用いたチェックの実施方法
Android TalkBackを用いたチェックの実施方法
Checking Accessibility With axe DevTools
Frequently Asked Questions (FAQ)
FAQ Articles
Heading Level Specification
Size of Radio Buttons And Check Boxes
The Clickable Area of a Text Link Is Small
There Are Kanji Or English Words That Are Read in an Unexpected Way by Screen Readers
How Should Numbers Containing a Slash (/) Be Read Aloud?
What Information Should Not Be Read Aloud by Screen Readers?
Should the
hr
Element Be Read Aloud by Screen Readers, And How Should It Be Read?
Dealing With axe DevTools Warnings
The Bookmarklet to Display in Grayscale Breaks the Layout
List of FAQ Tags
Form
Grayscale View
Markup
Screen Reader
Target Size
axe DevTools
freee Accessibility Guidelines
The normative (Japanese) version of this page is here.
freee Accessibility Guidelines
»
Index
Index