freee
freeeアクセシビリティー・ガイドライン
Ver. 202104.0
freeeアクセシビリティー・ガイドラインについて
ガイドライン
マークアップ全般
ページ全体
ログイン・セッション
入力ディバイス
テキスト
画像化されたテキスト
画像
アイコン
リンク
フォーム
動的コンテンツ
音声・映像コンテンツ
アクセシビリティー・チェック・リスト
アクセシビリティー・チェック全項目一覧
チェック実施方法の例
NVDAを用いたチェック実施方法の例
axe DevToolsを用いたチェック実施方法の例
チェック実施用Googleスプレッドシート
ガイドラインに関する補足情報
WCAG 2.1の各達成基準と当ガイドラインの項目との対応
当ガイドラインの優先度とWCAG 2.1の適合レベル
axe DevToolsのルールと当ガイドラインの対応
参考情報
セマンティクスを適切にマークアップする重要性
Reactコンポーネントなどのアクセシビリティー
適切なページ構造、マークアップとスクリーン・リーダーを用いた効率的な情報アクセス
画面の表示方向と肢体不自由者の利用
使いやすさとアクセシビリティーを改善するナビゲーションの設計と実装
制限時間とアクセシビリティー
テキスト情報の文言とアクセシビリティー
画像化されたテキストの問題点
画像化されたテキストを使用する場合の代替情報の提供
コントラスト比確保の重要性
拡大表示時のアクセシビリティー
リンク先の内容を推測しやすくする
DOMツリーとスクリーン・リーダー
ホバーで表示されるコンテンツと拡大表示
ステータス・メッセージとスクリーン・リーダー
自動的に変化するコンテンツの問題点
フォーム・コントロールのラベル付けの必要性
クリックやタッチのターゲット・サイズに関連する問題とターゲット・サイズの確認方法
フォーム操作で発生する動的な変化が及ぼす影響
入力エラーの扱い
lang
属性と音声読み上げ
ユーザーCSSを適用したチェックの実施方法
テキストによる画像の説明
画像の表示とアクセシビリティー
色を用いた表現に関する注意点
グレースケール表示への切り替え方
キーボード・トラップが引き起こす問題
様々なユーザーの入力手段の特徴とそのサポート
Tab/Shift+Tabキーを用いたチェック
音声・映像コンテンツの存在を認知可能にする
音声の自動再生とアクセシビリティー
音声・映像コンテンツのアクセシビリティーを確保する
アクセシビリティー・チェックのためのツール
The Nu Html Checkerを用いたHTMLのバリデーション
コントラスト比のチェック方法
スクリーン・リーダーを用いたチェックの実施方法
axe DevToolsを使用したアクセシビリティー・チェック
freeeアクセシビリティー・ガイドライン
freeeアクセシビリティー・ガイドライン
»
アクセシビリティー・チェック・リスト
アクセシビリティー・チェック・リスト
¶
アクセシビリティー・チェック全項目一覧
チェック実施方法の例
チェック実施用Googleスプレッドシート