説明
このプラグインは、画像の alt 属性が空の場合に、包んでいる <figure>
タグを <div>
タグに変換することで、WordPress ブロックエディターでの画像ブロックのアクセシビリティを向上させます。さらに、代替テキストが空の画像のキャプションをフロントエンドで非表示にします。
主な機能:
– 代替テキストが空の画像の <figure>
タグを <div>
タグに変換する
– フロントエンドで代替テキストが空の画像のキャプションを非表示にする (エディターには警告を出力)
– 保存されたコンテンツを変更せずに動的に動作
代替テキストを持たない画像は、コンテンツの理解に直接貢献しない装飾的な要素であるため、<figure>
要素で囲むのは適切ではありません。
<figure>
タグの代わりに <div>
タグを使用することで、このプラグインは適切な HTML セマンティクスを確保します。<div>
要素は暗黙の意味を持たない汎用コンテナであり、説明のない画像を表示するのに適しています。
インストール
「Empty Alt Image Container Swap」プラグインをインストールするには、2つの方法があります:
-
手動でのアップロードとインストール
- プラグインの ZIP ファイルをコンピューターにダウンロードする。
- WordPress 管理ダッシュボードにログインする。
- プラグイン > 新規追加 > プラグインのアップロード に移動する。
- 「ファイルを選択」をクリックし、ダウンロードした ZIP ファイルを選択する。
- 「今すぐインストール」をクリックして、プラグインをアップロードしてインストールする。
- インストール後、「プラグインを有効化」をクリックしてプラグインを有効化する。
-
WordPress.org ディレクトリからのインストール
- WordPress 管理ダッシュボードにログインする。
- プラグイン > 新規追加 に移動する。
- 検索フィールドで「Empty Alt Image Container Swap」を検索する。
- 検索結果でプラグインを見つけ、「今すぐインストール」をクリックする。
- インストール後、「プラグインを有効化」をクリックしてプラグインを有効化する。
いずれかの方法でプラグインを有効化したら、ページのレンダリング時に、代替テキストが空の画像ブロックの <figure>
タグが自動的に <div>
タグに変換されます。追加の設定は必要ありません。
アクセシビリティを向上させるために、すべての画像にわかりやすい代替テキストを入れることが推奨されます。ただし、特定の画像に代替テキストを追加し忘れたり、追加しないことを選択した場合でも、このプラグインは <div>
コンテナを使用して適切なマークアップを保証します。
FAQ
-
プラグインを無効化するとどうなるのですか ?
-
プラグインを無効化すると、すべての画像ブロックはすぐに元の状態に戻ります。 プラグインはあなたのコンテンツに恒久的な変更を加えることはありませんので、無効化した後に何かを更新したり編集したりする必要はありません。
-
キャプションは通常、画像に関する追加の文脈や情報を提供するために使われます。 装飾的な画像 (代替テキストが空の画像) の場合、キャプションは通常不要であり、混乱を招く可能性さえあります。そのため、非表示にされています。
-
はい、エディターで代替テキストが空の画像にキャプションを追加することはできます。 ただし、これらのキャプションはプラグインが有効な間はフロントエンドに表示されません。
-
このプラグインはデータベースや保存済みのコンテンツを変更しますか ?
-
いいえ、このプラグインはデータベースや保存されているコンテンツに変更を加えることはありません。 ページがレンダリングされるときに動的に動作するので、元のコンテンツはそのまま残ります。
評価
このプラグインにはレビューがありません。
貢献者と開発者
“Empty Alt Image Container Swap” をあなたの言語に翻訳しましょう。
開発に興味がありますか ?
変更履歴
1.1.0
- フロントエンドで代替テキストが空の画像のキャプションを非表示にする機能を追加
- 代替テキストが空の場合の処理コードを改善
- 保存されたコンテンツを変更せずに動的に動作するようにプラグインを更新
1.0.4
- 初回リリース