機能

Editoria11y のコアテストは、50 以上の一般的なコンテンツアクセシビリティの問題を検出します。可読性を損なう表現、スクリーンリーダーの効果を低下させるミス、SEO を損なうエラーなどが含まれます。

アドオンは開発者やデザイナー向けに約 40 件の追加テスト、カスタムテスト、サイト全体の品質保証ツールを提供します。

コンテンツテストは、サイトがコンテンツ作成者に引き渡されたに生じる問題に焦点を当てています。サイトは公開前に手動監査ツール・キーボード・スクリーンリーダーでテストする必要がありますが、最もアクセシブルなサイトでも、編集を重ねるにつれて新たな問題が生まれてしまいます。

Editoria11y がアクセシビリティツールの中で際立っている理由は、テストがブラウザ内でリアルタイムに実行され、作成者がコンテンツを編集・プレビューする際に即座にフィードバックを受け取れる点です。作成者は後でダッシュボードを確認したり手動チェックを実行したりするよりも、その場でインラインに表示されるフィードバックを見て、警告に気づいて修正する可能性がはるかに高まります。

作成者の体験

Editoria11y のツールバーのスクリーンショット。4 件のエラーが表示されている。

作成者はコンテンツを編集中に Editoria11y のツールバーを確認できます。問題が検出されると、ツールバーは黄色または赤色に変わり、問題の件数が表示されます。件数をクリックすると最初の警告まで自動スクロールし、ツールチップが開きます。

リンクのテキストが「click here」のみであることを示すヒント。

ヒントはインラインで表示され、エラーの平易な説明、修正のための提案、およびその問題が重要な理由が記載されています。

ページ上に重ねて表示された見出しアウトラインビジュアライザー

ツールバーには手動チェック用の追加ツールが含まれており、見出しアウトライン・alt テキストのビジュアライザーや可読性スコアリングなどが利用できます。

サイト管理者の設定

チェッカーのすべての表示要素はカスタマイズ可能です。パラメーターとイベントを使って、テストの削除・ヒントの書き換え・カスタムテストの追加・カスタムテーマの設定が行えます。

Drupal および WordPress 用プラグインは、同期済み非表示設定・サイト全体のダッシュボード・CSV レポートのエクスポートなどの追加機能を提供します。

最近の問題と問題が最も多いページを表示したレポートダッシュボード。
Drupal のダッシュボード。問題のフィルタリング可能なリスト、問題のあるページ、および非表示にした項目が含まれています。

テスト

Editoria11y のテストは、技術的な標準だけでなく、すべてのユーザーにとってのウェブ体験を人間の視点で改善することに焦点を当てています。主要なテストはウェブコンテンツアクセシビリティガイドライン(WCAG 2.2 AA)の達成を支援するためのものですが、認知・学習障害アクセシビリティタスクフォースの取り組みや、一般的なユーザビリティおよびデザインのベストプラクティスにも基づいています。

個々のテストはサイト管理者が無効にできます。

画像の alt テキスト

  • 画像に alt 属性がない
  • alt テキストがファイル名になっている
  • alt テキストがプレースホルダー(「TBD」など)になっている
  • alt テキストが発音できない記号になっている
  • alt テキストに冗長な語句が含まれている(「〜の画像」など)
  • alt テキストが長すぎる
  • 装飾的とした画像が意味を持つ可能性がある
  • カルーセルの画像が装飾的としてマークされている
  • キャプション付きの画像に alt テキストがない
  • alt テキストがキャプションと重複している

リンク付き画像

  • リンク付き画像に alt テキストがない
  • リンク付き画像の alt が URL またはファイル名になっている
  • リンク付き画像の alt がプレースホルダーになっている
  • リンク付き画像の alt が発音できない記号になっている
  • リンク付き画像の alt がリンク先ではなく画像の説明になっている
  • リンク付き画像の alt に冗長な語句が含まれている
  • リンク付き画像の alt が長すぎる
  • テキスト付きリンク内の画像に alt 属性がない

埋め込みメディア

  • 動画に字幕が必要
  • 音声にトランスクリプトが必要
  • データビジュアライゼーションにアクセシブルな代替が必要
  • フレームにタイトルがない
  • フレームがキーボードナビゲーションから除外されている
  • フレームのコンテンツに手動アクセシビリティチェックが必要
  • リンクされたドキュメントがスクリーンリーダーに対応していない可能性がある
  • PDF にアクセシブルな代替がない
  • インタラクティブなレイアウトコンポーネントが入れ子になっている

意味のあるリンク

  • 空のリンク
  • リンクテキストが URL になっている
  • リンクテキストが DOI 番号のみになっている
  • リンクテキストが「こちらをクリック」になっている
  • リンクテキストが汎用的な語句のみになっている(「続きを読む」など)
  • 異なるリンクが同じテキストを持っている
  • リンクされたアイコンや画像に代替テキストがない
  • リンクが警告なしに新しいタブを開く
  • リンクが警告なしにファイルを指している
  • リンクテキストが記号や絵文字のみになっている
  • 意味のあるリンクテキストが視覚ユーザーに非表示になっている
  • 冗長なリンクのツールチップ
  • 壊れたページ内アンカーリンク
  • ID 属性が重複している
  • リンクが開発環境を指している可能性がある

見出し

  • ページに見出し 1 がない
  • 最初の見出しがサブ見出しになっている
  • 見出しのレベルが飛んでいる
  • 見出しが空になっている
  • 見出しとして使用された画像に alt テキストが必要
  • 見出しが非常に長い
  • 太字の段落が見出しかもしれない
  • 短いブロッククォートが見出しかもしれない

テキストの可読性

  • 大文字が過剰に使用されている
  • 太字またはイタリックのテキストブロックが大きすぎる
  • テキストが小さすぎる
  • リンクでないテキストに下線が引かれている
  • テキストが両端揃えになっている
  • 上付き・下付き文字が書式設定として誤用されている
  • 文字や記号による疑似リスト
  • リスト外にあるリストアイテム

カラーコントラスト

  • テキストのコントラストが不十分
  • テキストのコントラストに手動チェックが必要
  • アイコンまたはグラフィックのコントラストが不十分
  • アイコンまたはグラフィックのコントラストに手動チェックが必要
  • 入力フィールドのテキストコントラストが不十分
  • プレースホルダーテキストのコントラストが不十分

テーブル

  • テーブルにヘッダー行または列がない
  • テーブルのヘッダーセルが空になっている
  • コンテンツ見出しがテーブル内で使用されている

フォームとインタラクティブ要素

  • ボタンにアクセシブルなラベルがない
  • ボタンに無効な ARIA ラベルがある
  • ボタンのラベルに「ボタン」という語が含まれている
  • 表示ラベルがアクセシブルな名前と一致していない
  • 入力フィールドに関連付けられたラベルがない
  • 入力フィールドが非表示ラベルのみを使用している
  • 入力フィールドがプレースホルダーのみをラベルとして使用している
  • リセットボタンが誤操作によるデータ損失を引き起こす可能性がある
  • スクリーンリーダーから非表示の要素がキーボードフォーカス可能になっている
  • 正の tabindex が読み取り順とタブ順を壊している

ページメタデータ

  • ページタイトルがない
  • ページの言語が宣言されていない
  • ビューポートがテキストの拡大を防いでいる
  • ページが自動更新される

CSA の機能

Editoria11y はユニークな方法でアクセシビリティを推進しています。そのツールは、技術的な知識のないコンテンツ作成者が、障害のあるウェブユーザーも同じように楽しめるコンテンツを作成するのに非常に効果的です。これは公益と考えているため、Editoria11y は常に無料でご利用いただけます

ただし、Editoria11y の開発とサポートは無料ではありません。

CSA はそのギャップを埋めます。プロジェクトメンバーが Editoria11y ライブラリ・CMS プラグイン・CSA スイートの開発を資金面で支えています。CSA スイートは急速に成長しているオープンソースの品質保証ツール群で、商用製品に匹敵する機能をはるかに低いコストで提供します。 Drupal 向け CSA スイートは現在ベータ版として無料で提供されており、WordPress 向けは 2026 年第 3 四半期に提供予定です。

サイトクロール進行中
ダッシュボードを更新している CSA クローラー。

テストとツール

  • 開発者向け、可読性、およびコントラストのテスト。
  • 開発者とコンテンツ作成者向けのロールベースの分割設定。
  • カスタムテストビルダー。
  • ワンクリックでサイト全体の非表示設定
  • ダッシュボードのメンテナンスツールとクローラー
テストのツールチップにあるカラーピッカー

コミュニティ特典

  • 優先サポート。
  • プロジェクトロードマップへの重み付きの影響力。
  • ロードマップ上の新機能への自動アクセス。
  • 直接のセットアップ支援(レベルによる)。
  • 公式サポーターとしてのクレジット表記(レベル・申請による、規約あり)。

貢献可能額に応じたライセンス

ベータ終了後、CSA スイートは貢献可能額に応じたモデルで提供される予定です。Editoria11y のコア(ライブラリおよびプラグイン)は引き続き無料です。

ライセンスオプションと代替手段を確認する

CSA 支援プロジェクト

進行中

2026 年第 2 四半期:Editoria11y CSA コミュニティの立ち上げ

残作業:

  • サブスクリプションとスポンサーシップを処理する法人を設立する。
  • ライセンスシステムを構築する。
2026 年第 2 四半期:カスタムルールビルダー
  1. Drupal 向けは完成。
  2. 課題:ビルダーを WordPress に移植する。
2026 年第 3 四半期:3.x ライブラリを WordPress に移植
  1. コミュニティサポート機能を備えた CSA サブモジュールを作成する
    • 古くなった結果を削除し、既存コンテンツを再クロールするダッシュボードメンテナンスツールを作成する。
    • 特定のテストをページ単位ではなくサイト全体で許可としてマークできるようにする。
    • 開発者とコンテンツ編集者向けに個別の設定とテストを持つ分割設定を可能にする。

最近完了したもの

2026 年第 1 四半期:ライブラリ 3.x の書き直し
  • Editoria11y と Sa11y のルールセットをマージ。フォーク以来、Sa11y は約 50 件の追加テストを作成して ESM ツールを採用し、Editoria11y はパフォーマンス改善とリアルタイムチェックを可能にするパラメーターを追加しました。Sa11y 4.2.2 と Editoria11y 3.0.0 から共有の未来が始まります。
  • 開発者とコンテンツ作成者向けの個別ルールセットを可能にする「分割設定」サポートを追加。
  • 中国語、デンマーク語、オランダ語、ドイツ語、ギリシャ語、ハンガリー語、イタリア語、日本語、ノルウェー語ブークモール、ポーランド語、ポルトガル語(ブラジル)、ポルトガル語(ポルトガル)、スペイン語、スウェーデン語、ウクライナ語の機械翻訳を人間による改良のテンプレートとして追加。
  • 現在の状況:コーディング作業は完了。ドキュメントとデモの更新後にリリースタグを付ける予定。
2026 年第 1 四半期:Drupal モジュール 3.x の書き直し
  1. より強力なレポートとフィルタリングツールでダッシュボードを拡張する。
  2. 中国語、デンマーク語、オランダ語、ドイツ語、ギリシャ語、ハンガリー語、イタリア語、日本語、ノルウェー語ブークモール、ポーランド語、ポルトガル語(ブラジル)、ポルトガル語(ポルトガル)、スペイン語、スウェーデン語、ウクライナ語の機械翻訳を人間による改良のテンプレートとして追加。
  3. CSV エクスポート機能をカスタマイズ可能にする
  4. コミュニティサポート機能を備えた CSA サブモジュールを作成する
    • 古くなった結果を削除し、既存コンテンツを再クロールするダッシュボードメンテナンスツールを作成する。
    • 特定のテストをページ単位ではなくサイト全体で許可としてマークできるようにする。
    • 開発者とコンテンツ編集者向けに個別の設定とテストを持つ分割設定を可能にする。

検討中

これらのアイデアについて Editoria11y ライブラリフォーラムで議論・投票してください。

各アイデアには、現在のコミュニティの議論に基づく難易度・優先度の目安がタグ付けされています。

  • マルチサイト監視ダッシュボード
  • 壊れたリンクの検出
  • PDF スキャン
  • ツールチップのコード位置タブ
  • ツールチップのページレポートエクスポート
  • フラグ付き語句
  • CLI 開発者ツール
  • ブックマークレット・ブラウザプラグイン
  • ACT ルール検証
  • 名前・役割・値の検証を拡張