Empty Alt Image Container Swap

This plugin enhances the accessibility of image blocks in the WordPress block editor by converting the wrapping <figure> tags to <div> tags when the image has an empty alt attribute. Additionally, it hides the caption for images with empty alt text on the frontend.

Key features:
– Converts <figure> tags to <div> tags for images with empty alt text
– Hides captions for images with empty alt text on the frontend (output a warning to the editor)
– Works dynamically without modifying stored content

Images that are purely decorative and lack an alt attribute do not contribute directly to the understanding of the content, and therefore, wrapping them in a <figure> element is not appropriate.
By replacing <figure> tags with <div> tags for images missing alt text, this plugin ensures proper HTML semantics. <div> elements are generic containers without implicit meaning, making them suitable for presenting images without associated descriptions.

1.1.0

• Added feature to hide captions for images with empty alt text on the frontend
• Improved code for handling empty alt text cases
• Updated plugin to work dynamically without modifying stored content

1.0.4

• Initial release

There are two ways to install the “Empty Alt Image Container Swap” plugin:

1. Upload and Install Manually

   1. Download the plugin ZIP file to your computer.
   2. Log in to your WordPress admin dashboard.
   3. Navigate to Plugins > Add New > Upload Plugin.
   4. Click “Choose File” and select the downloaded ZIP file.
   5. Click “Install Now” to upload and install the plugin.
   6. Once installed, click “Activate Plugin” to activate it.

2. Install from WordPress.org Directory

   1. Log in to your WordPress admin dashboard.
   2. Navigate to Plugins > Add New.
   3. Search for “Empty Alt Image Container Swap” in the search field.
   4. Find the plugin in the results and click “Install Now”.
   5. Once installed, click “Activate Plugin” to activate it.

After activating the plugin through either method, it will automatically convert <figure> tags to <div> tags for image blocks with missing alt text when rendering pages. No further configuration is required.
For best accessibility practices, it’s recommended to provide descriptive alt text for all images. However, if you forget or choose not to add alt text for certain images, this plugin ensures proper markup by using <div> containers instead of <figure>.