Sortpiaのアクセシビリティ対応状況｜確認済み実装と既知の制限
公開: 2026-06-10 ／ 更新: 2026-07-16 ／ Sortpia編集部
Sortpiaではアクセシビリティを継続的に改善していますが、現時点でサイト全体のWCAG適合、すべての機能のキーボード操作、すべてのモーダルや支援技術での動作を保証していません。コード上に実装があることと、利用者が特定の端末・ブラウザ・支援技術で問題なく操作できることは別です。この記事では、現在確認できる実装、まだ個別検証が必要な箇所、利用時の代替手段とフィードバック方法を分けて説明します。
1. 適合保証ではなく現在の確認状況を示す
WCAGへの適合を表明するには、対象範囲、達成基準、検査方法、使用した支援技術、未達項目を明確にした監査が必要です。Sortpiaは改善時の参考としてWCAGを利用していますが、本記事はWCAG 2.1または2.2のA・AA適合を宣言するものではありません。
画面や機能は更新されます。利用時点の挙動は、端末、OS、ブラウザ、拡大率、入力方法、スクリーンリーダー等の組み合わせごとに確認してください。
2. コード上で確認できる実装
一部のアイコンボタンには`aria-label`があり、ダイアログ等の一部コンポーネントでは`role`や`aria-modal`などの属性を使用しています。ページでは見出し、ボタン、リンクなどのHTML要素を利用し、ランクには色だけでなく文字ラベルも表示します。
これらはアクセシビリティの土台ですが、属性が存在するだけで読み上げ順、名称、状態通知、フォーカス移動が正しいとは限りません。新しい画面や文言変更のたびに確認が必要です。
3. ダイアログは種類ごとの確認が必要
一部のダイアログには、ダイアログとしての役割、タイトルとの関連付け、Escキー処理、フォーカス制御があります。ただし、すべてのモーダルで同じ挙動を実装・検証済みとは表明していません。
確認項目は、開いた直後のフォーカス、Tab・Shift+Tabの移動範囲、Escで閉じられるか、閉じた後に元の位置へ戻るか、背景が読み上げ対象にならないか、エラー後も操作を続けられるかです。ダイアログごと、ブラウザと支援技術ごとに確認します。
4. キーボード操作の既知の制限
通常のボタン、リンク、入力欄はブラウザ標準のキーボード操作を利用できます。一方、ドラッグ＆ドロップによるアイテムの並べ替えなど、ポインター操作を中心に設計された機能は、すべての操作をキーボードだけで完結できると確認できていません。
画面にクイック配置等の代替操作が表示される場合は利用できますが、ランク内の細かな並べ替え、複雑な編集、支援技術との組み合わせには制限が残る可能性があります。「全機能がキーボード対応」とは扱わず、必要な操作ごとに確認してください。
5. 色・文字・拡大表示を確認する
Tier表のランクには色と文字ラベルが表示されるため、色だけでランクを示す構造ではありません。ただし、利用者が設定するランク色、テーマ、画像、文字色の組み合わせによってコントラストは変わります。すべての組み合わせで基準を満たすとは保証していません。
ブラウザの拡大表示、ダークテーマ、高コントラスト設定、色の見え方を変える環境で、文字が隠れないか、横スクロールが必要になりすぎないか、フォーカス表示が見えるかを確認します。画像だけに情報を入れず、正式名称のラベルも付けてください。
6. 支援技術ごとに確認する
NVDA、JAWS、VoiceOver、TalkBackなどは、OS・ブラウザとの組み合わせで挙動が異なります。特定のARIA属性があることだけを根拠に、すべてのスクリーンリーダーへ対応済みとは判断しません。
閲覧、ログイン、Tier表作成、アイテム追加、配置、公開など、実際の操作フローごとに、読み上げ名、順序、状態変化、エラー、フォーカスを確認する必要があります。音声入力、スイッチコントロール、画面拡大など他の支援技術も個別の確認対象です。
7. 既知の制限と改善方針
現時点では、複雑なドラッグ＆ドロップ、すべてのモーダルの一貫したフォーカス管理、全テーマ・ユーザー配色のコントラスト、全ページのスクリーンリーダー読み上げなどに、未検証または改善が必要な可能性があります。
アクセシビリティは一度の実装で完了しません。機能追加時の自動チェックに加え、キーボード、拡大表示、実機、複数の支援技術を使った手動確認と、当事者からのフィードバックが必要です。問題を報告する際は、ページURL、端末、OS、ブラウザ、支援技術、再現手順を添えると調査しやすくなります。
利用前の確認項目
重要な操作へ使う前に、必要な入力方法でログイン、作成、編集、公開まで進められるか確認してください。操作できない場合は、無理に続けず、利用可能な代替操作や別の手段を選びます。
不具合や改善要望はお問い合わせフォームから送信できます。本記事に記載された実装も、更新によって変わる可能性があります。
よくある質問
Q. SortpiaはWCAG AAに適合していますか？
A. 現時点でサイト全体のWCAG A・AA適合を保証していません。WCAGを改善時の参考にしていますが、対象範囲を定めた監査と未達項目の確認が必要です。
Q. スクリーンリーダーで利用できますか？
A. 一部画面にARIA属性等がありますが、JAWS、NVDA、VoiceOver、TalkBackの全組み合わせで全操作を検証済みではありません。必要な操作フローを利用環境ごとに確認してください。
Q. すべてのダイアログでフォーカストラップが動きますか？
A. すべてで統一・検証済みとは表明していません。ダイアログごとに初期フォーカス、Tab移動、Esc、終了後のフォーカス復帰を確認する必要があります。
Q. キーボードだけで全機能を使えますか？
A. 通常のボタンや入力欄は操作できますが、ドラッグ＆ドロップや細かな並べ替えを含む全機能の完結は確認できていません。画面に代替操作がある場合は利用し、必要な操作を事前に試してください。
Q. すべてのボタンは44×44ピクセル以上ですか？
A. サイト全体の全要素で保証していません。端末と拡大率ごとにタップしやすさや要素間隔を確認し、問題があればページと操作を添えて報告してください。
Q. 色だけに頼らない表示になっていますか？
A. ランクには色と文字ラベルがあります。ただし、テーマやユーザー設定色を含むすべての組み合わせのコントラストは保証していません。文字ラベルも入力し、利用環境で確認してください。
Q. アクセシビリティの問題はどこへ報告できますか？
A. お問い合わせフォームから、ページURL、端末、OS、ブラウザ、支援技術、再現手順を添えてお知らせください。確認と改善の材料にします。
さっそくTier表を作ってみよう
Sortpiaなら、登録から公開まで5分。無料で何個でも作れます。
関連記事
- Tier表エディタのキーボード操作 - DeleteとEscの使い方 — 実装済みの3キーと削除時の注意点を、未対応の操作と分けて解説します。
- Sortpia音声ガイドの使い方 - 6種類のVOICEVOX音声とミュート設定 — 実装されている音声ガイドの開き方と設定、字幕で利用する方法を説明します。
- Sortpiaの7言語対応範囲 - UI切替・投稿本文・多言語SEOの違い — 7言語で変わる範囲と変わらない範囲を切り分け、海外の相手へ誤解なくTier表を共有する方法です。