diff --git a/files/zh-cn/web/accessibility/aria/attributes/aria-labelledby/index.md b/files/zh-cn/web/accessibility/aria/attributes/aria-labelledby/index.md
index 88160fb5e8affa..208a319a552ed5 100644
--- a/files/zh-cn/web/accessibility/aria/attributes/aria-labelledby/index.md
+++ b/files/zh-cn/web/accessibility/aria/attributes/aria-labelledby/index.md
@@ -1,157 +1,119 @@
---
title: aria-labelledby
slug: Web/Accessibility/ARIA/Attributes/aria-labelledby
+l10n:
+ sourceCommit: 019ca5c9ce641bfa02825e1ba0444f35dfb646cc
---
{{AccessibilitySidebar}}
-### 描述
+`aria-labelledby` 属性标识用作应用到当前元素的标签的元素。
-[`aria-labelledby`](http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby)属性用来表明某些元素的 id 是某一对象的标签。它被用来确定控件或控件组与它们标签之间的联系。使用诸如屏幕阅读器等辅助技术的用户通常使用 tabbing 在页面的不同区域间进行导航。如果一个输入元素、控件或控件组没有被分配一个 label 标签,那么屏幕阅读器就无法对其进行阅读。
+## 描述
-`aria-labelledby` 属性与[aria-describedby](/zh-CN/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute)属性非常相似:用一个标签描述某一对象的本质,可能会提供一些用户需要了解的额外信息。
+`aria-labelledby` 属性使作者能够引用页面上的其他元素来定义无障碍名称。当使用不具有原生支持关联元素以提供无障碍名称的元素时,这非常有用。
-`aria-labelledby` 属性并不仅仅用于表单元素,也可以用来分配静态文本给控件、元素组、面板组以及包含标题和定义等内容的区域等。下方的示例将会展示如何针对这些情况运用这一属性的更多信息。
+一些元素的[无障碍名称](https://w3c.github.io/accname/#dfn-accessible-name)来源于它们的内部内容。例如,{{HTMLElement('button')}}、{{HTMLElement('a')}} 或 {{HTMLElement('td')}} 的无障碍名称来自其开和闭标签之间的文本。其他元素,例如 {{HTMLElement('textarea')}}、{{HTMLElement('fieldset')}} 和 {{HTMLElement('table')}},它们的无障碍名称来自相关联的元素的内容;对于这些元素,无障碍名称分别来自带有 `for` 属性的 {{HTMLElement('label')}}、{{HTMLElement('legend')}} 和 {{HTMLElement('caption')}}。
-`aria-labelledby` 属性可以与 HTML 元素 label 联合使用,用于提高对于不支持 ARIA 技术的用户代理的兼容性。
+所有可交互元素都必须具有无障碍名称。当一个元素的无障碍名称需要使用来自 DOM 其他位置的内容时,可以使用 `aria-labelledby` 引用另一个元素来定义其无障碍名称。
-这一属性可以用于任何典型的 HTML 表单元素,不仅限于已分配 ARIA role 的元素。
+如果没有可以引用以创建无障碍名称的内容,则应使用 [`aria-label`](/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-label) 属性。
-### 值 Value
+`aria-labelledby` 的目的与 `aria-label` 相同。它为交互元素提供可识别的无障碍名称。如果一个元素同时设置了这两个属性,那么 `aria-labelledby` 将被使用。`aria-labelledby` 优先于所有其他提供无障碍名称的方法,包括 `aria-label`、{{HTMLElement('label')}} 和元素的内部文本。
-一个以空格进行分割的元素 ID 列表。
+`aria-labelledby` 和 [`aria-describedby`](/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-describedby)属性都引用其他元素来计算文本替代。`aria-labelledby` 应引用提供给元素无障碍名称的简短文本。`aria-describedby` 用于引用提供描述的较长内容。如果 DOM 中没有为交互元素提供适合作为无障碍名称的简短标签的元素,则使用 `aria-label` 来定义交互元素的无障碍名称。
-### 对于用户代理和辅助技术的可能影响
+> **备注:** 虽然在美式英语中会假定该属性的拼写为“labeledby”,但“labelledby”拼写已被确立,并且是无障碍 API 中使用的拼写。
-当 `aria-labelledby` 和 `aria-label` 都被使用时,用户代理在生成可访问的名称属性时将为 `aria-labelledby` 分配更高的优先级。
-
-**注意:** 由于不同的辅助技术对于这一技术的处理可能不同,以上提供的信息尽是诸多可能的一种,而非一般情况。
-
-### 示例
-
-#### 示例 1: 多标签 Mutiple Labels
-
-在下面的示例中,每个输入域都被它自身的独立标签以及其所在组的标签进行了标识:
-
-```html
-
Billing Address
-
-
-
-```
-
-#### 示例 2: 联结的标题和区域 Associating Headings With Regions
-
-在下面的示例中,标题元素被与它们作为标题的内容联结在一起。注意,所参考的区域是包含标题元素的那个区域。
-
-```html
-
-
Wild fires spread across the San Diego Hills
- Strong winds expand fires ignited by high temperatures ...
-
-```
-
-#### 示例 3: 单选组 Radio Groups
-
-在下面的示例中,单选组[radiogroup](/zh-CN/Accessibility/ARIA/ARIA_Techniques/Using_the_radiogroup_role)的容器通过一个 aria-labeledby 属性与他的标签相联结:
+以下示例使用 `aria-labelledby` 通过使用兄弟元素的文本内容为复选框输入提供无障碍名称:
```html
-My radio label
-
- - Item #1
- - Item #2
- - Item #3
-
+
+我同意遵守条款和条件。
```
-#### 示例 4: 对话框标签 Dialog Label
+请注意,虽然在这种情况下使用 `aria-labelledby` 与使用带有 `for` 属性的 HTML {{HTMLElement('label')}} 元素类似,但有一些非常重要的区别。`aria-labelledby` 属性仅定义无障碍名称。它不提供 `