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スプレッドシート
Next Previous

© Copyright 2020-2021, freee株式会社.

クリエイティブ・コモンズ・ライセンス
freee株式会社 作『freeeアクセシビリティー・ガイドライン』はクリエイティブ・コモンズ 表示 4.0 国際 ライセンスで提供されています。

このサイトでは、アクセス状況の解析のためにGoogle Analyticsを用いています。Googleによるデータの使用については、GOOGLE のサービスを使用するサイトやアプリから収集した情報の GOOGLE による使用をご覧ください。また、これに伴い使用されるCookieの扱いなどについては、freee株式会社のプライバシー・ポリシーをご覧ください。