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