[WordPress] 外掛分享： Empty Alt Image Container Swap

內容簡介

### 摘要：
這個外掛增強了WordPress區塊編輯器中圖像區塊的無障礙性，當圖像的alt屬性為空時，將<figure>標籤轉換為<div>標籤。
純粹作為裝飾用途且缺乏alt屬性的圖像不會直接幫助理解內容，因此，將它們包裹在<figure>元素內並不合適。
通過將缺少alt文本的圖像的<figure>標籤替換為<div>標籤，這個外掛確保了正確的HTML語義。<div>元素是沒有隱含含意的通用容器，適用於呈現沒有相關描述的圖像。

<ul>
<li>問題：這個外掛如何增強WordPress區塊編輯器中圖像區塊的無障礙性？</li>
<li>答案：將圖像的alt屬性空的&lt;figure&gt;標籤轉換為&lt;div&gt;標籤。</li>

<li>問題：為什麼將具有純粹裝飾性且沒有alt屬性的圖像包裹在&lt;figure&gt;元素內不適當？</li>
<li>答案：因為它們不直接貢獻於理解內容。</li>

<li>問題：為什麼這個外掛將缺少alt文本的圖像的&lt;figure&gt;標籤替換為&lt;div&gt;標籤？</li>
<li>答案：確保了正確的HTML語義，使得適合呈現沒有相關描述的圖像。</li>
</ul>

外掛標籤

開發者團隊

原文外掛簡介

This plugin enhances the accessibility of image blocks in the WordPress block editor by converting the wrapping

tags to

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

tags to

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

element is not appropriate.
By replacing

tags with

tags for images missing alt text, this plugin ensures proper HTML semantics.

elements are generic containers without implicit meaning, making them suitable for presenting images without associated descriptions.

延伸相關外掛

Equal Height ColumnsEqual Height Columns 外掛可輕鬆地將多個欄位和元素的高度進...Div Shortcode此外掛可讓您使用簡短代碼 [div] 和 [end-div] 創建 div 元素...WP-Note 2019插件可以在文章中美觀地顯示筆記。本外掛程式完全支援Luke開...Magic BlockMagic Block 使用區塊編輯器註冊了一個容器區塊。這個區塊有...Ninja Form LayoutNinja Forms Layout 外掛可在「版面配置元素」區塊中增加 fie...WPSeed Container Block這個外掛將在 Gutenberg 編輯器中新增一個簡單的容器區塊。 ...Diver使用[div]短碼直接在視覺編輯器上添加HTML <div>標記。...Slide Div這個外掛使用 jQuery 的滑動（toggle）效果，是顯示和隱藏內...Social Icons By DemoifySocial-Icons-By-Demoify 提供一個使用者友善的界面，以便連...Remote Thumbnail這是一個輕巧的外掛，可以使用遠端圖片作為文章縮略圖和特色...Sksdev All Shortcode此外掛允許您使用短代碼建立 div、anchor 或日期。日期的短代...Expose It「Expose It」是一個簡單卻有吸引力的外掛，可以為每個設計增...