diff --git a/_rules/link-non-empty-accessible-name-c487ae.md b/_rules/link-non-empty-accessible-name-c487ae.md index a791eba8d5b..ed632794fee 100755 --- a/_rules/link-non-empty-accessible-name-c487ae.md +++ b/_rules/link-non-empty-accessible-name-c487ae.md @@ -180,12 +180,12 @@ This `area` element has a [semantic role][] of `link` and an [accessible name][] This `a` element has an empty [accessible name][]. ```html - + ``` #### Failed Example 2 -This `a` element with a decorative image has an empty [accessible name][]. +This `a` element with an image has an empty [accessible name][]. The image is decorative and is marked as such with an empty `alt` [attribute value][]. ```html @@ -193,13 +193,29 @@ This `a` element with a decorative image has an empty [accessible name][]. #### Failed Example 3 +This `a` element with an image has an empty [accessible name][]. The image is decorative because it has a `role` [attribute value][] of `presentation`. + +```html + +``` + +#### Failed Example 4 + +This `a` element with an image has an empty [accessible name][]. The image is decorative because it has a `role` [attribute value][] of `none`. + +```html + +``` + +#### Failed Example 5 + This `a` element with an `img` with an empty `title` has an empty [accessible name][]. ```html ``` -#### Failed Example 4 +#### Failed Example 6 This `a` element with an `img` with an `aria-labelledby` has an empty [accessible name][]. @@ -208,7 +224,7 @@ This `a` element with an `img` with an `aria-labelledby` has an empty [accessibl
``` -#### Failed Example 5 +#### Failed Example 7 This `a` element with an `img` with an `aria-labelledby` referencing a non-existing id has an empty [accessible name][]. @@ -216,7 +232,7 @@ This `a` element with an `img` with an `aria-labelledby` referencing a non-exist ``` -#### Failed Example 6 +#### Failed Example 8 This `a` element placed off screen has an empty [accessible name][]. @@ -226,15 +242,7 @@ This `a` element placed off screen has an empty [accessible name][]. ``` -#### Failed Example 7 - -This `a` element has an empty [accessible name][]. - -```html - -``` - -#### Failed Example 8 +#### Failed Example 9 This `area` element has a [semantic role][] of `link` and an empty [accessible name][]. @@ -246,7 +254,7 @@ This `area` element has a [semantic role][] of `link` and an empty [accessible n ``` -#### Failed Example 9 +#### Failed Example 10 This `a` element has an [explicit role][] of `none`. However, it is [focusable][] (by default). Thus it has a [semantic role][] of `link` due to [Presentational Roles Conflict Resolution][]. It has an empty [accessible name][]. @@ -314,3 +322,4 @@ This `a` element does not have the role of link because it does not have an `hre [included in the accessibility tree]: #included-in-the-accessibility-tree 'Definition of included in the accessibility tree' [presentational roles conflict resolution]: https://www.w3.org/TR/wai-aria-1.1/#conflict_resolution_presentation_none 'Presentational Roles Conflict Resolution' [semantic role]: #semantic-role 'Definition of Semantic Role' +[attribute value]: #attribute-value 'Definition of Attribute value'