freee
freeeアクセシビリティー・ガイドライン
はじめに
freeeアクセシビリティー・ガイドラインについて
freeeアクセシビリティー・ガイドラインの活用方法
この文書の編集について
更新履歴
ガイドライン
マークアップと実装
ページ全体
ログイン・セッション
入力ディバイス
テキスト
画像化されたテキスト
画像
アイコン
リンク
フォーム
動的コンテンツ
音声・映像コンテンツ
アクセシビリティー・チェック・リスト
アクセシビリティー・チェック全項目一覧
チェック実施方法の例
キーボード操作によるチェック実施方法の例
axe DevToolsを用いたチェック実施方法の例
NVDAを用いたチェック実施方法の例
macOS VoiceOverを用いたチェック実施方法の例
iOS VoiceOverを用いたチェック実施方法の例
Android TalkBackを用いたチェック実施方法の例
その他の手段によるチェック実施方法の例
チェック実施用Googleスプレッドシート
ガイドラインに関する補足情報
WCAG 2.1の各達成基準と当ガイドラインの項目との対応
当ガイドラインとWCAG 2.1の各達成基準のレベル
axe DevToolsのルールと当ガイドラインの対応
参考情報
セマンティクスを適切にマークアップする重要性
UIコンポーネントのアクセシビリティー
適切なページ構造、マークアップとスクリーン・リーダーを用いた効率的な情報アクセス
画面の表示方向と肢体不自由者の利用
使いやすさとアクセシビリティーを改善するナビゲーションの設計と実装
制限時間とアクセシビリティー
テキスト情報の文言とアクセシビリティー
画像化されたテキストの問題点
画像化されたテキストを使用する場合の代替情報の提供
コントラスト比確保の重要性
拡大表示時のアクセシビリティー
リンク先の内容を推測しやすくする
DOMツリーとスクリーン・リーダー
マウスオーバー(ホバー)で表示されるコンテンツと拡大表示
ステータス・メッセージとスクリーン・リーダー
自動的に変化するコンテンツの問題点
フォーム・コントロールのラベル付けの必要性
クリックやタップのターゲット・サイズに関連する問題とターゲット・サイズの確認方法
フォーム操作で発生する動的な変化が及ぼす影響
入力エラーの扱い
lang
属性と音声読み上げ
ユーザーCSSを適用したチェックの実施方法
テキストによる画像の説明
画像の表示とアクセシビリティー
色を用いた表現に関する注意点
グレースケール表示への切り替え方
キーボード・トラップが引き起こす問題
モバイル・アプリケーションのアクセシビリティーに関する基本事項
様々なユーザーの入力手段の特徴とそのサポート
Tab/Shift+Tabキーを用いたチェック
音声・映像コンテンツの存在を認知可能にする
音声の自動再生とアクセシビリティー
音声・映像コンテンツのアクセシビリティーを確保する
アクセシビリティー・チェックのためのツール
The Nu Html Checkerを用いたHTMLのバリデーション
コントラスト比のチェック方法
スクリーン・リーダーを用いたチェックの実施方法
NVDAを用いたチェックの実施方法
macOSのVoiceOverを用いたチェックの実施方法
iOS VoiceOverを用いたチェックの実施方法
Android TalkBackを用いたチェックの実施方法
axe DevToolsを使用したアクセシビリティー・チェック
よくある質問と回答(FAQ)
FAQ記事一覧
見出しレベルの指定
アイコン画像の代替テキストに「アイコン」や「ボタン」という言葉を含めるべきか
ラジオボタンやチェックボックスのサイズ
テキスト・リンクのクリック可能な領域が小さい
スクリーン・リーダーの読み上げ方がおかしい漢字や英単語がある
「2024-11-21 12:30」のような表記はスクリーン・リーダーでどう読み上げられるべきか
スラッシュ(/)を含む数字はどのように読み上げられるべきか
どのような情報をスクリーン・リーダーで読み上げられないようにするべきか
hr
要素はスクリーン・リーダーにどのように読み上げられるべきか
axe DevToolsの警告への対処
グレースケール表示にするブックマークレットで表示が崩れる
FAQタグ一覧
axe DevTools
グレースケール表示
スクリーン・リーダー
ターゲット・サイズ
フォーム
マークアップ
freeeアクセシビリティー・ガイドライン
An English translation of this page is available.
freeeアクセシビリティー・ガイドライン
»
ガイドライン
ガイドライン
マークアップと実装
文書構造を適切に示すマークアップ、実装を行う
文法的に正しいマークアップ
対話的なUIコンポーネントの実装
コンポーネントをアクセシブルにする
ページ全体
タイトルの指定
ページを構成する領域の明示
本文の開始位置の明示
適切な記述順序
適切なセクション分けと見出しの付与
画面方向を固定しない
コンポーネントの一貫した出現順序
複数の到達手段
現在地の明示
ログイン・セッション
ログイン・セッションの有効期限
制限時間超過後の操作の継続
入力ディバイス
キーボード操作を可能にする
モバイルOS標準のジェスチャーによる操作
モバイルの支援技術のサポート
適切なフォーカス順序
フォーカス箇所の可視化
キーボード・トラップの回避
ダウン・イベントをトリガーにしない
特定の入力ディバイスを前提としない
ショートカット・キーを提供する場合
テキスト
特定の感覚に依存しない表現
複数の視覚的要素を用いた表現
適切な文言の見出し
ページの主たる言語の指定
部分的に使用される言語の明示
テキストを表示するUIコンポーネントの言語の明示
ズーム機能を用いた200パーセントの拡大表示
文字サイズ設定の変更
モバイルOSの文字サイズ設定の変更
ズーム機能を用いた400パーセントの拡大表示
テキスト表示のカスタマイズ
コントラスト比の確保
モバイルOSでのコントラスト比の確保
画像化されたテキスト
画像化されたテキストを使用しない
テキスト情報の提供
画像内のテキストのコントラスト比
モバイルOSでの画像内のテキストのコントラスト比
画像
画像の説明の提供
装飾目的の画像の無視
複数の視覚的要素を用いた表現
隣接領域とのコントラスト比の確保
画像内のテキストのコントラスト比
モバイルOSでの画像内のテキストのコントラスト比
アイコン
テキスト情報の付与
複数の視覚的要素を用いた表現
アイコンの一貫性
コントラスト比の確保
十分な大きさのクリック/タッチのターゲット
十分な大きさのクリック/タッチのターゲット(モバイル)
リンク
複数の視覚的要素を用いた表現
適切なリンク・テキスト
一貫したリンク・テキスト
適切なフォーカス順序
フォーム
表示されているテキストをラベルとして用いる
表示されているテキストをラベルにできない場合
複数の視覚的要素を用いた表現
フォーム入力の制限時間
制限時間超過後の操作の継続
キーボード操作を可能にする
適切なフォーカス順序
フォーカス時の挙動
フォームの値の変更時の挙動
テキスト情報によるエラーの特定
エラーの修正方法の提示
誤操作の防止
十分な大きさのクリック/タッチのターゲット
十分な大きさのクリック/タッチのターゲット(モバイル)
動的コンテンツ
支援技術への適切な情報提供の維持
OnFocus/OffFocus時の挙動
マウスオーバー(ホバー)で表示されるコンテンツの拡大
マウスオーバー(ホバー)で表示されるコンテンツの非表示
ステータス・メッセージの適切な実装
点滅、自動スクロールを伴うコンテンツ
自動更新されるコンテンツ
閃光を放つコンテンツ
割り込み表示
音声・映像コンテンツ
音声・映像コンテンツの存在を明示する
音声の自動再生
動きを伴うコンテンツ
キーボード・トラップの回避
テキスト情報と同等の内容にする
キャプションの提供
書き起こしテキストの提供
テキスト情報または音声解説の提供
音声解説の提供
手話の提供
充分に小さい背景音