Date: Mon, 17 Jun 2024 10:16:33 +0800
Subject: [PATCH 2/2] minor fixes
---
.../aria/attributes/aria-colindex/index.md | 19 ++++++++++---------
1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/files/zh-cn/web/accessibility/aria/attributes/aria-colindex/index.md b/files/zh-cn/web/accessibility/aria/attributes/aria-colindex/index.md
index 7071e5f9967dca..b9c646330f5232 100644
--- a/files/zh-cn/web/accessibility/aria/attributes/aria-colindex/index.md
+++ b/files/zh-cn/web/accessibility/aria/attributes/aria-colindex/index.md
@@ -11,7 +11,7 @@ l10n:
## 描述
-某些表格非常大，因此只显示了部分内容。虽然在加载过程中仅显示一部分列可能会改善用户体验，但你需要让所有用户知道显示了哪些内容的部分，并且并未显示所有表格的内容。
+某些表格非常大，因此最初只显示了部分内容。虽然在加载过程中仅显示一部分列可能会改善用户体验，但你需要让所有用户知道显示了哪部分的内容，并且并未所有表格内容都存在。
ARIA 提供了几个属性来提供关于 `table`、`grid` 和 `treegrid` 结构的信息。`aria-colindex` 属性定义了在这些结构中的子结构中，元素相对于总列数的列索引或位置。
@@ -19,13 +19,13 @@ ARIA 提供了几个属性来提供关于 `table`、`grid` 和 `treegrid` 结构
如果所有列都在 DOM 中，则不需要包括 `aria-colindex`，因为用户代理可以计算每个单元格或网格单元的列索引。然而，如果在任何时候将任何列留在 DOM 之外，则使用 `aria-colindex` 来指示每个单元格或网格单元相对于完整表格的列。
-`aria-colindex` 的值是大于或等于 1 的整数。每个值应大于前一列的 `aria-colindex` ，并且小于或等于完整表格中的列数。
+`aria-colindex` 的值是大于等于 1 的整数。每个值应大于前一列的 `aria-colindex`，并且小于或等于完整表格中的列数。
-如果单元格或网格单元跨越多列，则设置 [`aria-colspan`](/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-colspan) 为其跨越的列数（如果未使用{{htmlelement('td')}}和{{htmlelement('th')}} HTML 元素），并将 `aria-colindex` 设置为跨越范围的开始值；如果它只跨越了一个列宽度，则它将仅跨越其列中的第一个值。
+如果单元格或网格单元跨越多列，则设置 [`aria-colspan`](/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-colspan) 为其跨越的列数（如果未使用 {{htmlelement('td')}} 和 {{htmlelement('th')}} HTML 元素），并将 `aria-colindex` 设置为跨越范围的开始值；如果它跨越的列宽仅为一，则它将只跨越其列中的第一个。
如果 DOM 中存在的列集是连续的，并且在该集中没有跨越多行或多列的单元格，则只需在每行的第一列中一次放置 `aria-colindex`。如果列不连续，则在每行的所有子元素或拥有的元素上包含 `aria-colindex` 值。
-下面的示例显示了一个网格，其中有 6 列，其中列 1、2、5 和 6 显示给用户。表格本身的总列数设置为 aria-colcount="6"。由于列不是连续的，因此每个[单元格](/zh-CN/docs/Web/Accessibility/ARIA/Roles/cell_role)（在本例中为 [`columnheader`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/columnheader_role) 和 [`gridcell`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/gridcell_role) 元素）都设置了 `aria-colindex` 属性。
+下面的示例显示了一个网格，其中有 6 列，其中列 1、2、5 和 6 显示给用户。表格本身的总列数设置为 `aria-colcount="6"`。由于列不是连续的，因此每个[单元格](/zh-CN/docs/Web/Accessibility/ARIA/Roles/cell_role)（在本例中为 [`columnheader`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/columnheader_role) 和 [`gridcell`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/gridcell_role) 元素）都设置了 `aria-colindex` 属性。
```html
@@ -49,7 +49,7 @@ ARIA 提供了几个属性来提供关于 `table`、`grid` 和 `treegrid` 结构
```
-ARIA 使用的第一条规则是：“如果你可以使用具有你所需语义和行为的本地功能，而不是重新用一个元素并**添加**一个 ARIA 角色、状态或属性来使其无障碍，那么请这样做。”如果我们使用具有语义化的 HTML 元素，如 {{HTMLElement('table')}} 、{{HTMLElement('th')}} 、{{HTMLElement('td')}} 等，那么 `aria-colcount` 属性仍然是必需的，但标记不会那么冗长。
+ARIA 使用的第一条规则是：“如果你可以使用具有你所需语义和行为的原生特性，而不是重新用一个元素并**添加**一个 ARIA 角色、状态或属性来使其无障碍，那么请这样做。”如果我们使用具有语义化的 HTML 元素，如 {{HTMLElement('table')}}、{{HTMLElement('th')}}、{{HTMLElement('td')}} 等，那么 `aria-colcount` 属性仍然是必需的，但标记不会那么冗长。
当使用语义化的表头元素且并非所有列都在 DOM 中时，仍然需要使用 `aria-colcount`，但只需要在每列的列头 {{HTMLElement('th')}} 中定义一次 `aria-colindex` 属性。
@@ -80,14 +80,14 @@ ARIA 使用的第一条规则是：“如果你可以使用具有你所需语义
## 值
- ``
- - ：大于或等于 1 且小于或等于如果所有列都存在时的总列数。
+ - : 大于等于 1 且小于等于如果所有列都存在时的总列数。
## 关联接口
- {{domxref("Element.ariaColIndex")}}
- - : [`ariaColIndex`](/zh-CN/docs/Web/API/Element/ariaColIndex) 属性是 {{domxref("Element")}} 接口的一部分，反映了 `aria-colindex` 属性的值。
+ - : [`ariaColIndex`](/zh-CN/docs/Web/API/Element/ariaColIndex) 属性（属于 {{domxref("Element")}} 接口）反映了 `aria-colindex` 属性的值。
- {{domxref("ElementInternals.ariaColIndex")}}
- - : [`ariaColIndex`](/zh-CN/docs/Web/API/ElementInternals/ariaColIndex) 属性是 {{domxref("ElementInternals")}} 接口的一部分，反映了 `aria-colindex` 属性的值。
+ - : [`ariaColIndex`](/zh-CN/docs/Web/API/ElementInternals/ariaColIndex) 属性（属于 {{domxref("ElementInternals")}} 接口）反映了 `aria-colindex` 属性的值。
## 关联角色
@@ -95,7 +95,8 @@ ARIA 使用的第一条规则是：“如果你可以使用具有你所需语义
- [`cell`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/cell_role)
- [`row`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/row_role)
- 继承到角色：
+
+继承到角色：
- [`columnheader`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/columnheader_role)
- [`gridcell`](/zh-CN/docs/Web/Accessibility/ARIA/Roles/gridcell_role)