Lang Attribute for the Block Editor

外掛說明

The intent of this plugin is to provide a way to ensure any language change in the content of a page is indicated to assistive technologies. This feature is not available by default in the block editor so it is difficult to make a website fully compliant to WCAG guidelines using the block editor for now.

We clearly hope this feature will be natively implemented in the block editor in middle term, because this very simple feature is really needed to help people to create accessible websites. But in short terms, we need a solution and this plugin is a solution you may want to use to make your website compliant to accessibility guidelines 🙂

For more context: this plugin helps you to make your website compliant to the Web Content Accessibility Guidelines (WCAG) success criterion 3.1.2: “Language of Parts”. The purpose of this success Criterion is to ensure that user agents can correctly present content written in multiple languages.

As per Web Content Accessibility Guidelines:

This makes it possible for user agents and assistive technologies to present content according to the presentation and pronunciation rules for that language. This applies to graphical browsers as well as screen readers, braille displays, and other voice browsers.

Both assistive technologies and conventional user agents can render text more accurately if the language of each passage of text is identified. Screen readers can use the pronunciation rules of the language of the text. Visual browsers can display characters and scripts in appropriate ways.

This is especially important when switching between languages that read from left to right and languages that read from right to left, or when text is rendered in a language that uses a different alphabet. Users with disabilities who know all the languages used in the Web page will be better able to understand the content when each passage is rendered appropriately.

螢幕擷圖

  • 使用區塊編輯器的文字格式化工具列新增 lang 屬性
  • Checking that the lang attribute is rendered on front-end.

安裝方式

  1. 安裝並啟用外掛。
  2. Use the “Language attribute” toolbar button, available on any text content added in the block editor.

使用者評論

2024 年 2 月 22 日
As a user of WordPress with a Persian background, I am genuinely grateful to the developers for offering such a valuable solution.
2023 年 2 月 2 日
Thanks for this little Plugin! Seems it just adds a <span>-tag to the block. This can also be done with the html-mode of the block-editor. But so it might be a little bit easier to maintain.
2023 年 11 月 21 日
Thank you, thank you, thank you!, for creating and sharing this plugin. As small as this may seem to the less knowledgable, this plugin provides a massive win for accessibility! Update Tuesday, Nov. 21: this plugin still works fine with WordPress 6.4.x! An yes, of course, you can achieve the in the HTML editor manually, but not all users are comfortable doing that. This is a great solution!
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Lang Attribute for the Block Editor〉的開發相關工作。

參與者

〈Lang Attribute for the Block Editor〉外掛目前已有 8 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Lang Attribute for the Block Editor〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

0.3

  • Added support for the dir attribute.

0.2.2

  • Further internationalization fixes.

0.2.1

  • Adds wp_set_script_translations to the main script.

0.2

  • Fixes an i18n issue: JS strings were not translatable.

0.1

  • Plugin initial commit. Works fine 🙂