ARIA：建議角色

suggestion 角色語義上表示對可編輯文件的單個建議更改。應將其用於包裝具有 insertion 角色的元素和具有 deletion 角色的元素的元素。

示例

當您有涉及插入和刪除的內容更改時，螢幕閱讀器使用者無法判斷這兩個更改是否相關。這是 role="suggestion" 的作用，它應設定在包裝這兩個更改的元素上，如下所示

html
<p>
  Freida's pet is a
  <span role="suggestion">
    <span role="deletion">black Cat called Luna</span>
    <span role="insertion">purple T. Rex called Tiny</span></span
  >.
</p>

我們甚至可以提供一個資訊框，說明誰做出了建議以及何時做出建議，並透過 aria-details 將其與建議相關聯

html
<p>
  Freida's pet is a
  <span role="suggestion" aria-details="comment-source">
    <span role="deletion">black Cat called Luna</span>
    <span role="insertion">purple T. Rex called Tiny</span></span
  >.
</p>

<div id="comment-source">
  Suggested by Chris,
  <time datetime="2019-03-30T19:29">March 30 2019, 19:29</time>
</div>

瀏覽器傾向於為刪除提供預設的黑色刪除線，併為插入提供黑色的下劃線，當使用隱式公開這些角色的 HTML 元素時。但是，當使用顯式 ARIA 角色修改 HTML 元素（例如 div）時，您需要使用 CSS 來定製此類刪除和插入的視覺樣式。

最佳實踐

首選 HTML

使用 <ins> 和 <del> 元素將自動傳達一個部分具有 insertion 或 deletion 角色。如果可能，請優先使用 HTML 元素。

規範

將成為 WAI-ARIA 1.3 的一部分，該規範仍在起草中。

另請參閱