diff --git a/_rules/button-accessible-name-97a4e1.md b/_rules/button-accessible-name-97a4e1.md index df1a331013f..bf2756da827 100644 --- a/_rules/button-accessible-name-97a4e1.md +++ b/_rules/button-accessible-name-97a4e1.md @@ -29,6 +29,8 @@ Each target element has an [accessible name][] that is not empty (`""`). **Note**: `input` elements of type `submit` and `reset` can get their [accessible name][] from a [default text](https://www.w3.org/TR/html-aam/#input-type-button-input-type-submit-and-input-type-reset), as well as from a `value` or other attribute. +**Note**: Testing that the [accessible name][] is correct is not part of this rule and must be tested separately. + ## Assumptions - The rule assumes that all buttons are [user interface components as defined by WCAG 2](https://www.w3.org/TR/WCAG21/#dfn-user-interface-components). diff --git a/_rules/explicit-SVG-image-has-name-7d6734.md b/_rules/explicit-SVG-image-has-name-7d6734.md index 7462b168610..700d1462497 100644 --- a/_rules/explicit-SVG-image-has-name-7d6734.md +++ b/_rules/explicit-SVG-image-has-name-7d6734.md @@ -26,7 +26,9 @@ The rule applies to any element in the [SVG](https://www.w3.org/2000/svg) namesp ## Expectation -Each target element has an [accessible name](#accessible-name) that is not empty. +Each target element has an [accessible name][] that is not empty. + +**Note**: Testing that the [accessible name][] is correct is not part of this rule and must be tested separately. ## Assumptions @@ -57,7 +59,7 @@ Until browser support for the [SVG Accessibility API Mappings](https://www.w3.or #### Passed Example 1 -The `svg` element has an explicit role of `img` and an accessible name from the `title` element that is not empty. +The `svg` element has an explicit role of `img` and an [accessible name][] from the `title` element that is not empty. ```html
How many circles are there?
@@ -69,7 +71,7 @@ The `svg` element has an explicit role of `img` and an accessible name from the #### Passed Example 2 -The `circle` element has an explicit role of `graphics-symbol` and an accessible name from the `aria-label` attribute that is not empty. +The `circle` element has an explicit role of `graphics-symbol` and an [accessible name][] from the `aria-label` attribute that is not empty. ```htmlHow many circles are there?
@@ -89,7 +91,7 @@ The `circle` element has an explicit role of `graphics-symbol` and an accessible #### Passed Example 3 -The `svg` element has an explicit role of `graphics-document` and an accessible name from the `title` element that is not empty. +The `svg` element has an explicit role of `graphics-document` and an [accessible name][] from the `title` element that is not empty. ```htmlHow many circles are there?
@@ -103,7 +105,7 @@ The `svg` element has an explicit role of `graphics-document` and an accessible #### Failed Example 1 -The `svg` element has an explicit role of `img` but has no accessible name. +The `svg` element has an explicit role of `img` but has no [accessible name][]. ```htmlHow many circles are there?
@@ -114,7 +116,7 @@ The `svg` element has an explicit role of `img` but has no accessible name. #### Failed Example 2 -The `svg` element has an explicit role of `img` but has only whitespace in the `title` element for the accessible name. +The `svg` element has an explicit role of `img` but has only whitespace in the `title` element for the [accessible name][]. ```htmlHow many circles are there?
@@ -126,7 +128,7 @@ The `svg` element has an explicit role of `img` but has only whitespace in the ` #### Failed Example 3 -The `svg` element has an explicit role of `img`, is included in the accessibility tree, but it has no accessible name because the `title` element is empty. +The `svg` element has an explicit role of `img`, is included in the accessibility tree, but it has no [accessible name][] because the `title` element is empty. ```htmlHow many circles are there?
@@ -138,7 +140,7 @@ The `svg` element has an explicit role of `img`, is included in the accessibilit #### Failed Example 4 -The `circle` element has an explicit role of `graphics-symbol` but does not have an accessible name. +The `circle` element has an explicit role of `graphics-symbol` but does not have an [accessible name][]. ```htmlHow many circles are there?
@@ -178,3 +180,5 @@ The `circle` element has an explicit role that is neither `img`, `graphics-docum