電力管理ダッシュボード：運用画面・CSV更新フロー設計
電力オペレーター向けの業務ダッシュボードで、CSV更新を含む複雑な運用フローを、安全に扱える画面仕様へ整理した実務案件。確認・アップロード/ダウンロード・削除・バリデーション・エラー表示まで、実装を見据えて設計した。
UI/UXレビュー社内ツール
詳細を見るこのレビューで整理すること
アクセシビリティ改善レビューでは、合意した対象範囲について、どの課題があり、どのフローに影響しそうか、何を優先して確認・改善すべきかを整理します。レビュー単体で社内外の実装依頼に使うことも、Sola Studioのアクセシビリティ実装支援に進むための前提資料として使うこともできます。
対象範囲を確認したうえで見る
全サイト・全機能を一度に確認するのではなく、主要ページ、フォーム、申込フロー、購入フロー、問い合わせフロー、特定フローなど、事前に確認した対象範囲をもとにレビューします。
課題を、優先順位と影響範囲で整理する
自動チェックの結果だけで判断せず、実際の画面・操作・情報構造の中で、どの課題が利用者の理解や操作に影響しそうかを整理します。
次の改善判断につなげる
見つかった課題を、実装支援候補、クライアント側・既存制作会社・外部実装者側で扱うべきもの、追加確認が必要なものに分け、次の見積もりや改善判断につなげやすい形にします。
こんな状況、ありませんか
- Lighthouse、axe、WAVEなどでアクセシビリティの指摘が出ているが、どこから直すべきか判断できない
- ツールごとに結果が違い、どの指摘を優先すればよいか分からない
- 主要ページ、フォーム、申込・購入・問い合わせフローなど、まず重要な範囲から確認したい
- フォーム、エラー表示、ラベル、必須項目、フォーカス表示などに不安がある
- キーボード操作で申込・購入・問い合わせなどの主要フローを完了できるか確認したい
- アクセシビリティ対応を進めたいが、いきなり実装修正の見積もりに入るには対象範囲や優先順位が曖昧
- 社内エンジニアや制作会社に依頼する前に、課題と優先順位を外部の視点で整理したい
- アクセシビリティ対応への関心はあるが、まず主要ページやフォームの状態から整理したい
ツール結果だけでは見えにくい課題を、画面とフローの中で確認します。
アクセシビリティ対応では、自動チェックツールで問題を見つけることはできます。しかし、ツールの指摘をそのまま順番に直せばよいとは限りません。
実際には、フォームの作り、エラー表示、キーボード操作、フォーカスの見え方、見出し構造、UIコンポーネントの使い方、文言や説明の不足などが重なって、ユーザーにとっての使いづらさが生まれることがあります。
このサービスでは、IAAP CPACCを保有する担当者が、事前に確認した対象範囲について、実際の画面・フロー・実装上の前提と合わせて課題を確認します。全サイト診断ではなく、主要ページ・フォーム・特定フローなど、必要な範囲から確認したい場合にも利用できます。
レビュー結果は、Sola Studioのアクセシビリティ実装支援へ進む場合の前提資料としても、社内エンジニア・制作会社・外部実装者に改善を依頼するための整理資料としても利用できます。
ウェブアクセシビリティ対応が求められる背景
ウェブサイトやフォーム、申込・購入・予約などのオンラインフローは、利用者が情報にたどり着き、操作を完了するための重要な入口です。アクセシビリティ上の問題があると、一部の利用者が内容を理解できない、操作を進められない、途中で離脱してしまうことがあります。
オンライン上のフローが、事業の入口になっている
問い合わせフォーム、申込画面、購入フロー、予約ページ、管理画面などは、利用者がサービスに触れるための実務上の接点です。そこに操作しづらさや情報の伝わりにくさがあると、機会損失や問い合わせ対応の増加につながることがあります。
ウェブ上の利用しやすさが、企業の確認テーマになっている
日本では、障害者差別解消法の改正により、民間事業者にも合理的配慮の提供が義務化されています。これは、すべてのウェブサイトに一律の適合証明が求められるという意味ではありませんが、ウェブ上の情報提供やオンライン手続きの利用しやすさを確認する背景のひとつになっています。
主要ページ・フォーム・フローから、段階的に整えていく
ウェブアクセシビリティ対応は、現状把握、課題整理、改善、再確認を積み重ねていくものです。まず主要ページ、フォーム、申込フロー、購入フロー、問い合わせフローなど、事業上重要な範囲から確認することで、改善の優先順位や次に扱うべき論点を把握しやすくなります。
レビューで確認する主な観点
確認内容は、対象ページ・対象フロー・目的に応じて個別に定めます。WCAG 2.2 A/AAを主な参照軸として、たとえば以下のような観点を組み合わせて確認します。
自動チェック結果
axe、Lighthouse、WAVEなどを使い、対象範囲内で検出される主な指摘を確認します。ツール結果はそのまま結論にせず、実際の画面・フロー・影響範囲と合わせて整理します。
フォーム・入力項目
ラベル、説明文、必須項目、入力補助、エラー表示、確認画面など、フォーム利用時につまずきやすい箇所を確認します。
エラー表示・状態表示
エラー、成功、未入力、無効状態、選択状態などが、見た目だけでなく構造上も分かりやすく伝わっているかを確認します。
キーボード操作
Tab移動、フォーカス順序、操作可能性、主要フローの完了可能性など、マウス以外の操作で問題が起きやすい箇所を確認します。
フォーカス表示・フォーカス管理
現在位置が見えるか、モーダルやドロップダウンなどでフォーカスが迷子にならないか、操作後の移動が不自然でないかを確認します。
見出し・ランドマーク・構造
見出し順、ページ構造、ランドマーク、リンクやボタンの役割など、支援技術やキーボード利用時にも理解しやすい構造になっているかを確認します。
UIコンポーネント
モーダル、ドロップダウン、チェックボックス、ラジオボタン、ナビゲーションなど、UIコンポーネントが実際の画面文脈で適切に使われているかを確認します。
改善・実装に進むための整理
見つかった課題を、優先度、影響範囲、実装支援候補、クライアント側・他社側で扱うべきもの、追加確認が必要なものに分けて整理します。
レビュー後に共有するもの
事前に確認した対象範囲について、アクセシビリティ改善・実装支援・社内外の実装依頼に進むための整理資料を共有します。
基本のフォーマットはGoogle Docs / Google Slides / Google Sheets のいずれか、または組み合わせを想定しています。形式についてご希望がある場合は、事前にご相談ください。最終説明会（60分1回）にて、内容の説明や質疑応答の時間を設けます。
- レビュー対象範囲
- 確認方法
- 使用ツール
- 確認日又は確認期間
- 課題リスト
- 優先順位の整理
- 対象ページ・対象フロー・対象コンポーネント
- 関連しうるWCAG 2.2 A/AA観点
- 主要フローへの影響
- 改善候補
- 修正方向の入口
- アクセシビリティ実装支援の候補
- クライアント側・既存制作会社・外部実装者側で扱うべき課題の切り分け
- 追加確認が必要な論点
- 対象外事項
- 次アクション整理メモ
- 課題リストは、次のアクション・見積もり・担当範囲を判断しやすくするための整理です。詳細な実装指示書、チケット分解、コードレベルの修正指示書は標準範囲に含まれません。
確認範囲に応じたレビュータイプ
アクセシビリティ改善レビューは、対象範囲や確認方法に応じて、公開URLベースの軽い確認から、手動確認を含むレビュー、実装支援につなげるための詳しい確認まで、案件ごとに範囲を整理して行います。
ライト
公開URL・自動チェック中心
公開URLをもとに、主要ページ数枚について axe / Lighthouse / WAVE などの自動チェック結果を確認し、主な課題・優先度・改善候補を整理します。
期間目安：1〜2週間料金目安：120,000〜180,000 円（税別）向いているケース
- まず主要ページの状態を軽く把握したい
- 自動チェック結果の主な指摘を整理したい
- 公開URLで確認できる範囲から始めたい
含まれる確認
- 公開URLベースの確認
- axe / Lighthouse / WAVE 等の自動チェック
- 主な課題・優先度・改善候補の整理
- 簡易メモ
標準範囲外
- キーボード操作・フォーカス順序の手動確認
- フォーム挙動・エラー表示の手動確認
- コード構造・UIコンポーネント実装前提の確認
スタンダード
公開URL中心・手動確認あり
主要ページ・フォーム・ユーザーフローについて、自動チェックに加え、キーボード操作、フォーカス表示、フォームラベル、エラー表示などの手動確認を組み合わせて確認します。
期間目安：2〜3週間料金目安：250,000〜380,000 円（税別）向いているケース
- 主要ページ・フォーム・フローを確認したい
- 自動チェックだけでは判断しづらい課題を整理したい
- 実装支援に進む前に、優先順位や改善候補を整理したい
含まれる確認
- ライトプランの内容
- キーボード操作確認
- フォーカス表示・フォーカス順序確認
- フォームラベル・エラー表示確認
- 主要フローの到達可能性確認
- 実装支援候補の整理
標準範囲外
- コードベース確認
- ステージング環境・ログイン後画面の標準確認
- 実装作業・プルリクエスト作成
エクステンディッド
実装支援接続・実装前提確認あり
スタンダードの内容に加え、必要に応じて DevTools / accessibility tree、VoiceOver等のスポット確認、コード構造やUIコンポーネントの実装前提まで確認します。
期間目安：3〜5週間料金目安：450,000〜650,000 円（税別）向いているケース
- レビュー結果を実装支援につなげたい
- コード構造やUIコンポーネントの前提も確認したい
- 実装支援見積もりに進むための前提を整理したい
含まれる確認
- スタンダードプランの内容
- DevTools / accessibility tree 確認
- VoiceOver等、現在の作業環境で可能な範囲のスポット確認
- コード構造・UIコンポーネント実装前提の確認
- 実装支援見積もり前提の整理
標準範囲外
- コード変更・プルリクエスト作成
- 実装代行
- 正式な適合判定・JIS正式試験
- 対象ページ数、フロー範囲、確認方法、非公開画面・コードベース確認の有無、成果物の粒度により変動します。
- 上記は税別の目安金額です。正式な料金は、対象範囲と確認内容をもとに見積もり時に確定します。
- 非公開画面、ログイン後画面、ステージング環境、コードベース等を扱う場合は、対象範囲と情報共有条件を確認したうえで個別に整理します。
このサービスが向いているケース／向いていないケース
向いているケース
- アクセシビリティ改善を進めたいが、何を優先すべきか分からない
- 自動チェック結果の扱い方に迷っている
- 主要ページ、フォーム、申込フロー、購入フロー、問い合わせフローなどを確認したい
- 全サイト診断の前に、まず重要な範囲の課題を整理したい
- 実装修正に入る前に、課題と範囲を整理したい
- 社内エンジニアや制作会社に渡す前提資料がほしい
- アクセシビリティ対応の第一歩として、主要ページやフォームの状態を整理したい
- Sola Studioのアクセシビリティ実装支援へ進む前に、対象課題を整理したい
向いていないケース
- 公式な適合判定や法的監査を求めている
- サイト全体のWCAG AA適合証明を求めている
- JIS X 8341-3に基づく正式な試験、対応度表記、準拠判定、適合証明を求めている
- 全ページ・全機能・全状態の網羅的監査を求めている
- レビューと同じスコープ内で、同時に実装修正まで完了させたい
- ネイティブアプリやウェブ以外のICT全体の包括確認を求めている
- PDFや文書ファイルのアクセシビリティ修正を依頼したい
- NVDAなどWindows環境を前提としたスクリーンリーダー確認を標準範囲で求めている
このサービスでできること／この範囲に含まれないこと
できること
- 合意した対象範囲のアクセシビリティ課題を確認する
- 主要ページ・フォーム・特定フローなど、必要な範囲から課題を整理する
- axe、Lighthouse、WAVEなどの自動チェック結果を確認する
- キーボード操作・フォーカス表示・フォーム・エラー表示などを確認する
- 対象ページ・対象フロー・対象コンポーネントごとに課題を整理する
- 優先度や主要フローへの影響を整理する
- 関連しうるWCAG 2.2 A/AA観点を整理する
- アクセシビリティ実装支援に進めそうな課題を整理する
- 社内・既存制作会社・外部実装者に渡しやすい形で論点を整理する
- 最終説明会でレビュー結果を説明する
この範囲に含まれないこと
- コード変更・プルリクエスト作成・実装代行
- 詳細な実装指示書やチケット分解
- 法的適合保証・公式な適合判定
- サイト全体・プロダクト全体の網羅的監査
- 全支援技術・全ブラウザ・全環境での包括検証
- NVDAなどWindows環境を前提とするスクリーンリーダー確認
- 障害のある利用者によるユーザーテスト
- ネイティブアプリ確認
- PDFや文書ファイルのアクセシビリティ修正
- 継続的な改善伴走
- クライアント名義のアクセシビリティステートメント確定
実装修正が必要な場合は、レビュー後にアクセシビリティ実装支援として別スコープでご相談いただけます。
Sola Studioの特徴
必要な範囲から、レビューを始められる
全サイト・全機能を一度に確認するのではなく、主要ページ、フォーム、申込フロー、特定フローなど、事業上重要な範囲からレビューできます。対象範囲を絞る場合でも、確認観点・優先順位・実装候補を曖昧にせず、次の判断につながる形で整理します。
ツール結果だけでなく、画面とフローの中で見る
アクセシビリティの課題は、ツール上のエラーだけで完結しません。フォーム、エラー表示、キーボード操作、フォーカス、状態表示、文言、フローが重なって問題になることがあります。Sola Studioでは、実際の画面とユーザーの流れの中で課題を整理します。
CPACC保有者が、実装に近い観点まで確認する
IAAP CPACCを保有する担当者が、アクセシビリティの観点とフロントエンド実装の観点をあわせて確認します。単なるツール結果の列挙ではなく、実際の画面・フォーム・フロー・UIコンポーネントの中で、どの課題をどこまで改善できそうかを整理します。
実装に進むための前提を整理する
レビュー結果を出して終わりではなく、どの課題が実装支援に進めそうか、どの課題はクライアント側・既存制作会社・別専門家に分けるべきか、どこに追加確認が必要かを整理します。
フロントエンド実装の文脈を踏まえて確認する
React / Next.js / TypeScript / Radix UI / フォーム実装などの文脈を扱ってきた経験をもとに、UIコンポーネントやフォーム実装で起きやすいアクセシビリティ上の論点を確認します。
UI/UX・文言・実装の接点を見られる
アクセシビリティの問題は、HTML構造やARIAだけでなく、説明不足、エラー文言、リンクテキスト、情報の順番、ユーザーが次に何をすればよいかにも関わります。Sola Studioでは、UI/UX、文言、フロントエンド実装の接点として整理します。
関連実績
Sola Studioがこれまでに携わったプロジェクトの一部をご紹介します。
多言語サイト：情報設計・調査設計・UX改善提案
最大約5言語規模の多言語サイトに対して、情報設計・ユーザビリティ調査設計・改善提案を行った案件。予約導線や購入判断情報の不足を整理し、サイトマップ・ワイヤー・調査票・改善提案資料へ落とし込んだ。
UI/UXレビュー複数市場対応詳細を見る
Promotee — アクセシビリティ配慮の面接フラッシュカードアプリ
非ネイティブ話者の面接練習を支える、キーボード完結のフラッシュカードアプリ。スクリーンリーダー対応、モーション制御、セマンティックなマークアップなど、アクセシビリティを前提に設計・実装した。
アクセシビリティインクルーシブUX詳細を見る
ご相談からサービス提供開始まで
- 1
ご相談フォーム送信
ご相談の背景・対象サービス・現状の概要をお知らせください。
- 2
内容確認・次ステップのご案内
内容を確認し、次のステップをご案内します（最短当日〜5営業日程度）。
- 3
日程調整
初回確認ミーティングの日程を調整します。
- 4
初回確認ミーティング
ご相談内容、対象範囲、サービスの進め方を確認します。秘密保持契約（NDA）締結前は、非機密情報の範囲で確認します。
- 5
概算見積もりのご提示（必要に応じて）
初回確認の内容を踏まえて、必要に応じて概算見積もりをご提示します。内容をご確認いただいた上で、詳細確認へ進む場合があります。
- 6
秘密保持契約（NDA）締結
スコープ型サービスでは、詳細確認・正式見積もりの前に秘密保持契約（NDA）締結をお願いしています。秘密保持契約（NDA）締結前は、非機密情報の範囲での確認にとどめます。
- 7
正式見積もりに必要な詳細情報の確認
秘密保持契約（NDA）締結後、正式見積もりに必要な詳細情報を共有いただきます。内容を確認した上で、スコープと条件を整理します。
- 8
正式見積もりのご提示
確認した内容をもとに、スコープ・条件・料金を整理した正式見積もりをご提示します。
- 9
契約内容の確認・契約成立
正式見積もりの内容を確認し、契約条件について双方で合意したうえで、契約書その他必要な手続により契約を成立させます。
契約書雛形・秘密保持契約（NDA）雛形はSola Studioで用意しています。貴社雛形を使用する場合は、内容を確認したうえで調整可否を判断します。
- 10
請求書発行・お支払い
原則全額前払い・銀行振込です。50万円以上の案件では、案件内容・期間に応じて、着手時60% ／ 最終共有会前40% の分割払いをご案内する場合があります。
- 11
入金確認・サービス提供開始
契約成立と入金確認が揃った後、合意したスコープと条件に基づきサービス提供を開始します。
レビュー後、実装支援へ進むこともできます
レビュー結果をもとに、Sola Studioで対応できそうなフロントエンド上のアクセシビリティ課題については、アクセシビリティ実装支援として別スコープでご相談いただけます。 レビュー結果だけで実装範囲や見積もりが確定するとは限りませんが、対象課題・優先順位・確認すべき前提を整理することで、次の判断に進みやすくなります。
アクセシビリティ実装支援を見るよくある質問
自動チェック結果だけ見てもらえますか？
自動チェック結果を確認対象に含めることはできます。ただし、このサービスではツール結果だけで結論を出すのではなく、対象ページ・対象フロー・実際の画面上の影響と合わせて整理します。
レビューだけで終わっても大丈夫ですか？
はい。レビュー結果をもとに、社内エンジニア、既存制作会社、外部実装者が改善を進めるための整理資料として使うこともできます。Sola Studioの実装支援へ進むことは必須ではありません。
レビュー後にそのまま修正も依頼できますか？
レビュー結果のうち、Sola Studioで対応できそうなフロントエンド上の課題については、アクセシビリティ実装支援として別スコープで相談できます。実装範囲、前提条件、コードベース確認、確認環境、見積もりは別途確認します。
公開サイトだけでもレビューできますか？
公開ページのみで確認できる範囲のレビューとして受けられる場合があります。ただし、ログイン後画面、ステージング環境、コードベース、非公開フロー、実装前提を確認できない場合、実装支援の見積もりやスコープ確定には追加確認が必要になることがあります。
WCAGやJISへの適合を保証するレビューですか？
いいえ。このサービスは、WCAG 2.2 A/AAを主な参照軸として、合意した対象範囲のアクセシビリティ課題を整理するレビューです。JIS X 8341-3に基づく正式な試験、対応度表記、準拠判定、適合証明、法的適合保証、全ページ・全環境の包括的な監査を行うものではありません。
NVDAでの確認は含まれますか？
現時点では、NVDAなどWindows環境を前提とするスクリーンリーダー確認は標準対応範囲に含めていません。必要な場合は、対象外または別途確認事項として扱います。
必要な範囲から、アクセシビリティ改善レビューを始める。
自動チェックで問題が出ている。 フォームやフローに不安がある。 主要ページや特定フローだけでも、まず何を確認すべきか整理したい。 アクセシビリティ改善レビューでは、対象範囲の課題や優先順位、次の実装候補を整理します。
ご確認ください
- 本サービスは、合意した対象範囲について、アクセシビリティ上の主な課題、優先度、改善候補、実装支援候補を整理するレビューサービスです。ウェブサイト全体、プロダクト全体、全ページ、全機能、全状態を網羅的に確認するものではありません。
- 本サービスは、WCAG 2.2 A/AAを主な参照軸として確認を行うものであり、法的適合保証、公式な適合判定、WCAG適合証明、JIS X 8341-3に基づく正式な試験、対応度表記、準拠判定、適合証明、第三者監査を行うものではありません。
- レビュー内では、コード変更、プルリクエスト作成、実装代行、詳細な実装指示書作成、チケット分解は行いません。実装修正が必要な場合は、アクセシビリティ実装支援又は別スコープとして扱います。
- NVDAなどWindows環境を前提とするスクリーンリーダー確認、障害のある利用者によるユーザーテスト、ネイティブアプリ確認、PDFや文書ファイルのアクセシビリティ確認・修正は標準対応範囲に含まれません。
- 公開URLのみでレビューする場合、確認できる範囲は公開状態で確認可能なページ、導線、表示状態、フォーム挙動等に限られます。非公開画面、ログイン後画面、ステージング環境、コードベース、実装前提等の確認が必要な場合は、追加確認又は別スコープとして扱います。
- 秘密保持契約（NDA）締結前は、非機密情報の範囲でご相談ください。コードベース、非公開画面、ステージング環境、内部資料、顧客データ、未公開仕様などは、必要に応じてNDA締結後に確認します。