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アクセシビリティー・ガイドライン
freeeアクセシビリティー・ガイドライン
»
検索
Please activate JavaScript to enable the search functionality.