From 25116ecc5fd9c730840c1059b2a9581f7471324e Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 18 Sep 2018 12:38:54 +0100 Subject: [PATCH 01/56] Create SC1-1-1-accessible-name-is-image-file-name.md --- ...-1-1-accessible-name-is-image-file-name.md | 64 +++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 _rules/SC1-1-1-accessible-name-is-image-file-name.md diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md new file mode 100644 index 00000000000..90a5c1bde56 --- /dev/null +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -0,0 +1,64 @@ +--- +name: accessible name is image file name +description: | + This rule checks that the accessible name of an image is not its file name. + +success_criterion: +- 1.1.1 # Non-Text Content + +test_aspects: +- DOM Tree +- CSS Styling + +authors: +- Bryn Anderson +--- + +## Test procedure + +### Applicability + +The rule applies to any HTML `img` element that is exposed to assistive technologies, where the element has a non-empty `alt` attribute that is equal to the accessible name of the element, and where the `alt` attribute of the element references the file name and extension of the `src` attribute of the element. + +### Expectation + +Each test target has an `alt` attribute that serves as an appropriate text alternative as described in [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/WCAG20-TECHS/F30.html). + +## Assumptions + +*There are currently no assumptions* + +## Accessibility support + + *There are no major accessibility support issues known for this rule.* + +## Background + +- [Understanding Success Criterion 1.1.1: Non-text Content](https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html) +- [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/F30) + +## Test Cases + +### Pass example 1 + +Image depicting a PDF file format, uses the .pdf extension in the accessible name. + +```html +an example of a .pdf file +``` + +### Failure example 1 + +The accessible name is the image file name and does not serve as an appropriate text alternative. + +```html +image.jpg file +``` + +### Inapplicable example 1 + +No reference to a file extension or file path in the accessible name. + +```html +an example of a PDF file +``` From 3538512db547b8c5ef8fb237855d99530f7745b4 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 26 Sep 2018 14:57:21 +0100 Subject: [PATCH 02/56] Update SC1-1-1-accessible-name-is-image-file-name.md Simplified applicability Changed 1st inapplicable test case. Added 2nd inapplicable test case --- ...-1-1-accessible-name-is-image-file-name.md | 23 +++++++++++++++---- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index 90a5c1bde56..2614f0a9a09 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -17,11 +17,9 @@ authors: ## Test procedure ### Applicability - -The rule applies to any HTML `img` element that is exposed to assistive technologies, where the element has a non-empty `alt` attribute that is equal to the accessible name of the element, and where the `alt` attribute of the element references the file name and extension of the `src` attribute of the element. +The rule applies to any HTML `img` element that is exposed to assistive technologies, where the `alt` attribute of the element contains the file name specified in the `src` attribute of the element. ### Expectation - Each test target has an `alt` attribute that serves as an appropriate text alternative as described in [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/WCAG20-TECHS/F30.html). ## Assumptions @@ -57,8 +55,23 @@ The accessible name is the image file name and does not serve as an appropriate ### Inapplicable example 1 -No reference to a file extension or file path in the accessible name. +Mot exposed to assisstive technologies. + +```html + +``` +### Inapplicable example 1 + +Image is not exposed to assisstive technologies. + +```html + + +``` +### Inapplicable example 2 + +Image alt does not contain the image filename. ```html -an example of a PDF file +blue sky ``` From 88c201f720b814c98d12cdc255c5fb33b70b36c8 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 26 Sep 2018 15:04:17 +0100 Subject: [PATCH 03/56] Update SC1-1-1-accessible-name-is-image-file-name.md --- _rules/SC1-1-1-accessible-name-is-image-file-name.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index 2614f0a9a09..da28061e006 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -39,7 +39,7 @@ Each test target has an `alt` attribute that serves as an appropriate text alter ### Pass example 1 -Image depicting a PDF file format, uses the .pdf extension in the accessible name. +Image alt contains the image file name. ```html an example of a .pdf file From fc9a5009091257cc7b7bba8f0610bb7ddb3b665a Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 26 Sep 2018 15:12:02 +0100 Subject: [PATCH 04/56] Update SC1-1-1-accessible-name-is-image-file-name.md Updated title and description to target `alt` instead of accessible name --- _rules/SC1-1-1-accessible-name-is-image-file-name.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index da28061e006..9e679cde17b 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -1,7 +1,7 @@ --- -name: accessible name is image file name +name: image alt contains image file name description: | - This rule checks that the accessible name of an image is not its file name. + This rule checks that an image alt appropriately contains its file name. success_criterion: - 1.1.1 # Non-Text Content From 17ae1b5a0cd05c5f9bbbd8330ca7e837dc2835e7 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 26 Sep 2018 17:30:22 +0100 Subject: [PATCH 05/56] Update SC1-1-1-accessible-name-is-image-file-name.md --- .../SC1-1-1-accessible-name-is-image-file-name.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index 9e679cde17b..bcef3a556ee 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -1,7 +1,7 @@ --- -name: image alt contains image file name +name: image accessible name contains image file name description: | - This rule checks that an image alt appropriately contains its file name. + This rule checks that the use of an image's file name in it's accessible name, is appropriate. success_criterion: - 1.1.1 # Non-Text Content @@ -17,10 +17,10 @@ authors: ## Test procedure ### Applicability -The rule applies to any HTML `img` element that is exposed to assistive technologies, where the `alt` attribute of the element contains the file name specified in the `src` attribute of the element. +The rule applies to any HTML `img` element that is exposed to assistive technologies, where the accessible name of the element contains the file name specified in the `src` attribute of the element. ### Expectation -Each test target has an `alt` attribute that serves as an appropriate text alternative as described in [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/WCAG20-TECHS/F30.html). +Each test target has an accessible name that serves as an appropriate text alternative as described in [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/WCAG20-TECHS/F30.html). ## Assumptions @@ -39,7 +39,7 @@ Each test target has an `alt` attribute that serves as an appropriate text alter ### Pass example 1 -Image alt contains the image file name. +Image accessible name contains the image file name. ```html an example of a .pdf file @@ -47,7 +47,7 @@ Image alt contains the image file name. ### Failure example 1 -The accessible name is the image file name and does not serve as an appropriate text alternative. +Inage accessibkle name contains the images file name which does not serve as an appropriate text alternative for the image. ```html image.jpg file @@ -70,7 +70,7 @@ Image is not exposed to assisstive technologies. ``` ### Inapplicable example 2 -Image alt does not contain the image filename. +Image accessible name does not contain the image filename. ```html blue sky From 8de0bbbcdab2e70b5ad8e2fd4f89bdb009d6bdd7 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 1 Oct 2018 16:18:00 +0100 Subject: [PATCH 06/56] Update SC1-1-1-accessible-name-is-image-file-name.md Updated Description and Applicability to limit rule to `img` `src` file name Updated test cases to use W3C image sources Updates Expectation to not reference WCAG failure technique --- ...-1-1-accessible-name-is-image-file-name.md | 24 +++++++++++-------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index bcef3a556ee..099834cce6f 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -1,7 +1,7 @@ --- -name: image accessible name contains image file name +name: image accessible name is image file name description: | - This rule checks that the use of an image's file name in it's accessible name, is appropriate. + This rule checks that `img` elements that use their source file name as their accessible name without loss of infomation. success_criterion: - 1.1.1 # Non-Text Content @@ -17,10 +17,14 @@ authors: ## Test procedure ### Applicability -The rule applies to any HTML `img` element that is exposed to assistive technologies, where the accessible name of the element contains the file name specified in the `src` attribute of the element. + +The rule applies to any HTML `img` element that is [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the file name specified in the `src` attribute. + +**Note**: URL paramters, case sensitivey, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a file name "bar.jpg". ### Expectation -Each test target has an accessible name that serves as an appropriate text alternative as described in [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/WCAG20-TECHS/F30.html). + +Each test target accessible name can be used in place of the elements non-text content without loss of information to the user. ## Assumptions @@ -39,18 +43,18 @@ Each test target has an accessible name that serves as an appropriate text alter ### Pass example 1 -Image accessible name contains the image file name. +The `img` element's accessible name exclusively matches the image file name but still acurately describes the image. ```html -an example of a .pdf file +w3c.png ``` ### Failure example 1 -Inage accessibkle name contains the images file name which does not serve as an appropriate text alternative for the image. +The `img` element's accessible name matches the image's file name which does not acurately describe the image. ```html -image.jpg file +teaser_right2.jpg ``` ### Inapplicable example 1 @@ -65,7 +69,7 @@ Mot exposed to assisstive technologies. Image is not exposed to assisstive technologies. ```html - + ``` ### Inapplicable example 2 @@ -73,5 +77,5 @@ Image is not exposed to assisstive technologies. Image accessible name does not contain the image filename. ```html -blue sky +modanna lily ``` From 64f132be77348376cfe5eeca5918984750cf359f Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 1 Oct 2018 16:20:33 +0100 Subject: [PATCH 07/56] Update SC1-1-1-accessible-name-is-image-file-name.md --- _rules/SC1-1-1-accessible-name-is-image-file-name.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index 099834cce6f..967029d4756 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -1,7 +1,7 @@ --- name: image accessible name is image file name description: | - This rule checks that `img` elements that use their source file name as their accessible name without loss of infomation. + This rule checks that `img` elements that use their source file name as their accessible name do so without loss of infomation to the user. success_criterion: - 1.1.1 # Non-Text Content From 5572ad8efe635e89474c878ad45ab1f48c8e77f1 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 4 Oct 2018 11:00:14 +0100 Subject: [PATCH 08/56] Update SC1-1-1-accessible-name-is-image-file-name.md Changed file name > filename. Updated applicability to include `input type="image"` and `area`. Changed "parameter" to "query string". Removed URL extension from Pass example 1 Added Inapplicable example 4 to include an example of `aria-label` overriding `alt`. --- ...-1-1-accessible-name-is-image-file-name.md | 24 ++++++++++++------- 1 file changed, 16 insertions(+), 8 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-file-name.md index 967029d4756..9ffcdfe5c80 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-file-name.md @@ -1,7 +1,7 @@ --- name: image accessible name is image file name description: | - This rule checks that `img` elements that use their source file name as their accessible name do so without loss of infomation to the user. + This rule checks that `img` elements that use their source filename as their accessible name, do so without loss of infomation to the user. success_criterion: - 1.1.1 # Non-Text Content @@ -18,9 +18,9 @@ authors: ### Applicability -The rule applies to any HTML `img` element that is [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the file name specified in the `src` attribute. +The rule applies to HTML `input type="image" `and `area` elements or any HTML element with the semantic role of `img` [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the filename specified in the `src` attribute. -**Note**: URL paramters, case sensitivey, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a file name "bar.jpg". +**Note**: URL query strings, case sensitivey, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a file name "bar.jpg". ### Expectation @@ -43,10 +43,10 @@ Each test target accessible name can be used in place of the elements non-text c ### Pass example 1 -The `img` element's accessible name exclusively matches the image file name but still acurately describes the image. +The `img` element's accessible name acurately describes the image. ```html -w3c.png +w3c ``` ### Failure example 1 @@ -64,18 +64,26 @@ Mot exposed to assisstive technologies. ```html ``` -### Inapplicable example 1 +### Inapplicable example 2 Image is not exposed to assisstive technologies. ```html - ``` -### Inapplicable example 2 + +### Inapplicable example 3 Image accessible name does not contain the image filename. ```html modanna lily ``` + +### Inapplicable example 4 + +The `img` which does not accurately describe the image but is overridden by `aria-label` which does accurately describe the image. + +```html +teaser_right2.jpg +``` From 8e12152fa5dca2d4240c22346886f504d8663c21 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 4 Oct 2018 11:44:38 +0100 Subject: [PATCH 09/56] Update and rename SC1-1-1-accessible-name-is-image-file-name.md to SC1-1-1-accessible-name-is-image-filename.md --- ...e-name.md => SC1-1-1-accessible-name-is-image-filename.md} | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) rename _rules/{SC1-1-1-accessible-name-is-image-file-name.md => SC1-1-1-accessible-name-is-image-filename.md} (93%) diff --git a/_rules/SC1-1-1-accessible-name-is-image-file-name.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md similarity index 93% rename from _rules/SC1-1-1-accessible-name-is-image-file-name.md rename to _rules/SC1-1-1-accessible-name-is-image-filename.md index 9ffcdfe5c80..85b57003ab0 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-file-name.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,5 +1,5 @@ --- -name: image accessible name is image file name +name: image accessible name is image filename description: | This rule checks that `img` elements that use their source filename as their accessible name, do so without loss of infomation to the user. @@ -51,7 +51,7 @@ The `img` element's accessible name acurately describes the image. ### Failure example 1 -The `img` element's accessible name matches the image's file name which does not acurately describe the image. +The `img` element's accessible name matches the image's filename which does not acurately describe the image. ```html teaser_right2.jpg From bbd3060997454141cf2f3bc1364df05e9ca0a2f8 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 4 Oct 2018 11:57:38 +0100 Subject: [PATCH 10/56] Update SC1-1-1-accessible-name-is-image-filename.md Minor text edit to Inapplicable example 4 --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 85b57003ab0..091724c8944 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -82,7 +82,7 @@ Image accessible name does not contain the image filename. ### Inapplicable example 4 -The `img` which does not accurately describe the image but is overridden by `aria-label` which does accurately describe the image. +The `img` `alt` does not accurately describe the image but is overridden by `aria-label` which does accurately describe the image. ```html teaser_right2.jpg From 7aa2c6d4a90f9bee9052222923730b31f69b323d Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 4 Oct 2018 11:59:26 +0100 Subject: [PATCH 11/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 091724c8944..7b9de9aae81 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -82,7 +82,7 @@ Image accessible name does not contain the image filename. ### Inapplicable example 4 -The `img` `alt` does not accurately describe the image but is overridden by `aria-label` which does accurately describe the image. +The `img` `alt` does not accurately describe the image but is overridden by `aria-label` which does accurately describes the image. ```html teaser_right2.jpg From 8e2abf7b5dfb78945ca63c32e7c0eef8d3e8c5aa Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 10:53:01 +0100 Subject: [PATCH 12/56] Update SC1-1-1-accessible-name-is-image-filename.md Made a load of minor edits but still need to agree on the filename match including file extensions or not. --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 7b9de9aae81..c63f764442a 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,7 +1,7 @@ --- name: image accessible name is image filename description: | - This rule checks that `img` elements that use their source filename as their accessible name, do so without loss of infomation to the user. + This rule checks that images elements that use their source filename as their accessible name, do so without loss of infomation to the user. success_criterion: - 1.1.1 # Non-Text Content @@ -20,7 +20,7 @@ authors: The rule applies to HTML `input type="image" `and `area` elements or any HTML element with the semantic role of `img` [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the filename specified in the `src` attribute. -**Note**: URL query strings, case sensitivey, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a file name "bar.jpg". +**Note**: URL query strings, case sensitivity, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename "bar.jpg". ### Expectation @@ -43,7 +43,7 @@ Each test target accessible name can be used in place of the elements non-text c ### Pass example 1 -The `img` element's accessible name acurately describes the image. +The `img` element's accessible name accurately describes the image. ```html w3c @@ -51,7 +51,7 @@ The `img` element's accessible name acurately describes the image. ### Failure example 1 -The `img` element's accessible name matches the image's filename which does not acurately describe the image. +The `img` element's accessible name matches the image filename which does not acurately describe the image. ```html teaser_right2.jpg @@ -59,7 +59,7 @@ The `img` element's accessible name matches the image's filename which does not ### Inapplicable example 1 -Mot exposed to assisstive technologies. +Image is not exposed to assisstive technologies. ```html From 50c8d7177d7ab21a9fb5f6a443f02cbb8355ab95 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 10:56:59 +0100 Subject: [PATCH 13/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index c63f764442a..241a04385f3 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,7 +1,7 @@ --- name: image accessible name is image filename description: | - This rule checks that images elements that use their source filename as their accessible name, do so without loss of infomation to the user. + This rule checks that image elements that use their source filename as their accessible name, do so without loss of infomation to the user. success_criterion: - 1.1.1 # Non-Text Content @@ -82,7 +82,7 @@ Image accessible name does not contain the image filename. ### Inapplicable example 4 -The `img` `alt` does not accurately describe the image but is overridden by `aria-label` which does accurately describes the image. +The `alt` attribute uses the filename, but the accessible name is actually calculated with the `aria-label` value, which doesn't use the filename. ```html teaser_right2.jpg From c01470c5d541c3cb910b69b3c4ec49edc171941f Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 10:57:20 +0100 Subject: [PATCH 14/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 241a04385f3..350d4f65402 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,5 +1,5 @@ --- -name: image accessible name is image filename +name: image accessible name is filename description: | This rule checks that image elements that use their source filename as their accessible name, do so without loss of infomation to the user. From cfe32992dfdd29bc767cd6131352d7344ef7226a Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 10:58:46 +0100 Subject: [PATCH 15/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 350d4f65402..02833ce3cd1 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -59,7 +59,7 @@ The `img` element's accessible name matches the image filename which does not ac ### Inapplicable example 1 -Image is not exposed to assisstive technologies. +Image is not exposed to assistive technologies. ```html From 77cb7c42461b99e2fd1a6bf25794735cb6687483 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 13:10:46 +0100 Subject: [PATCH 16/56] Update SC1-1-1-accessible-name-is-image-filename.md Corrected **Pass example 1** --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 02833ce3cd1..b6abea59510 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -46,7 +46,7 @@ Each test target accessible name can be used in place of the elements non-text c The `img` element's accessible name accurately describes the image. ```html -w3c +w3c ``` ### Failure example 1 From 934326a9c560d7a919f8e3eb77b94a0d1fc6e06b Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 13:21:39 +0100 Subject: [PATCH 17/56] Update SC1-1-1-accessible-name-is-image-filename.md Changed description of **Inapplicable example 4** and updated all other descriptions to be more consistent. --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index b6abea59510..e6071668658 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -43,7 +43,7 @@ Each test target accessible name can be used in place of the elements non-text c ### Pass example 1 -The `img` element's accessible name accurately describes the image. +The element's accessible name matches the image filename which accurately describes the image. ```html w3c @@ -51,7 +51,7 @@ The `img` element's accessible name accurately describes the image. ### Failure example 1 -The `img` element's accessible name matches the image filename which does not acurately describe the image. +The element's accessible name matches the image filename which does not acurately describe the image. ```html teaser_right2.jpg @@ -59,14 +59,14 @@ The `img` element's accessible name matches the image filename which does not ac ### Inapplicable example 1 -Image is not exposed to assistive technologies. +The image is not exposed to assistive technologies. ```html ``` ### Inapplicable example 2 -Image is not exposed to assisstive technologies. +The image is not exposed to assisstive technologies. ```html @@ -74,7 +74,7 @@ Image is not exposed to assisstive technologies. ### Inapplicable example 3 -Image accessible name does not contain the image filename. +The image accessible name does not contain the image filename. ```html modanna lily @@ -82,7 +82,7 @@ Image accessible name does not contain the image filename. ### Inapplicable example 4 -The `alt` attribute uses the filename, but the accessible name is actually calculated with the `aria-label` value, which doesn't use the filename. +The image `alt` attribute matches the filename but is overidden by the `aria-label` value which takes precedence in the accessible name calculation. ```html teaser_right2.jpg From 71a10e2fa54d4896c105de30c473196acbd67705 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 8 Oct 2018 13:35:12 +0100 Subject: [PATCH 18/56] Update SC1-1-1-accessible-name-is-image-filename.md Minor grammatical edit --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index e6071668658..d617aea7865 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,5 +1,5 @@ --- -name: image accessible name is filename +name: Image accessible name is filename description: | This rule checks that image elements that use their source filename as their accessible name, do so without loss of infomation to the user. From e605dd13c51f0f685a1d42f10a3a869d1701f19e Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 11 Oct 2018 09:52:24 +0100 Subject: [PATCH 19/56] Update SC1-1-1-accessible-name-is-image-filename.md Text edits and added a link out to the WCAG 2.1 definition of "Non-text content" --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index d617aea7865..8b7dbc8c2d1 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,7 +1,7 @@ --- name: Image accessible name is filename description: | - This rule checks that image elements that use their source filename as their accessible name, do so without loss of infomation to the user. + This rule checks that image elements that use their source filename as their accessible name do so without loss of infomation to the user. success_criterion: - 1.1.1 # Non-Text Content @@ -18,13 +18,13 @@ authors: ### Applicability -The rule applies to HTML `input type="image" `and `area` elements or any HTML element with the semantic role of `img` [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the filename specified in the `src` attribute. +The rule applies to HTML `input type="image"` and `area` elements, or any HTML element with the semantic role of `img` [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the filename specified in the `src` attribute. -**Note**: URL query strings, case sensitivity, forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename "bar.jpg". +**Note**: URL query strings, difference in letter casing, and forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename `bar.jpg`. ### Expectation -Each test target accessible name can be used in place of the elements non-text content without loss of information to the user. +Each test target has an accessible name that can be used in place of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content) of the element without loss of information to the user. ## Assumptions From d5edb78737f3507065cad068f0ce7ac4a35aa7be Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 15 Oct 2018 13:12:18 +0100 Subject: [PATCH 20/56] Update SC1-1-1-accessible-name-is-image-filename.md Updated applicability to align as closely as possible with #251 --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 8b7dbc8c2d1..8ca895773bf 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input type="image"` and `area` elements, or any HTML element with the semantic role of `img` [exposed to assistive technologies](#exposed-to-assistive-technologies), where the [accessible name](#accessible-name) value exactly matches the filename specified in the `src` attribute. +The rule applies to HTML `input type="image"` or `area` elements, or any HTML element with the semantic role of `img`, where the element is [exposed to assistive technologies](#exposed-to-assistive-technologies) and has an [accessible name](#accessible-name) that matches the filename specified in the `src` attribute. **Note**: URL query strings, difference in letter casing, and forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename `bar.jpg`. From 1f8b12e102ae26148ac003adcb76e209b5b09d5c Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 29 Oct 2018 14:45:16 +0000 Subject: [PATCH 21/56] Update SC1-1-1-accessible-name-is-image-filename.md Updated Expectation --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 8ca895773bf..f9a57079e2a 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -24,7 +24,7 @@ The rule applies to HTML `input type="image"` or `area` elements, or any HTML el ### Expectation -Each test target has an accessible name that can be used in place of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content) of the element without loss of information to the user. +Each test target has an accessible name that serves an equivalent purposecan of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). ## Assumptions @@ -46,7 +46,7 @@ Each test target has an accessible name that can be used in place of the [non-te The element's accessible name matches the image filename which accurately describes the image. ```html -w3c +w3c ``` ### Failure example 1 From d3fe69b28bc69ee1b6467ada1fadc73383e663b4 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 29 Oct 2018 16:22:52 +0000 Subject: [PATCH 22/56] Update SC1-1-1-accessible-name-is-image-filename.md Updated applicability --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index f9a57079e2a..a0228192f0f 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input type="image"` or `area` elements, or any HTML element with the semantic role of `img`, where the element is [exposed to assistive technologies](#exposed-to-assistive-technologies) and has an [accessible name](#accessible-name) that matches the filename specified in the `src` attribute. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [exposed to assistive technologies](#exposed-to-assistive-technologies) and has an [accessible name](#accessible-name) that matches the filename specified in the `src` attribute. **Note**: URL query strings, difference in letter casing, and forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename `bar.jpg`. From f865550dd6acd406e87eb3939a79c93c83e61781 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 30 Oct 2018 10:47:17 +0000 Subject: [PATCH 23/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index a0228192f0f..057457cdb2a 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,9 +18,9 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [exposed to assistive technologies](#exposed-to-assistive-technologies) and has an [accessible name](#accessible-name) that matches the filename specified in the `src` attribute. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivilant to the filename specified in the `src` attribute. -**Note**: URL query strings, difference in letter casing, and forward and trailing whitespace should be ignored. For example `src="/foo/bar.jpg?baz "` has a filename `bar.jpg`. +**Note**: Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From 7e2b5fb5a29d3e42c99a9b1a2819f5ecff1ec68c Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 30 Oct 2018 10:50:27 +0000 Subject: [PATCH 24/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 057457cdb2a..602293a81ad 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivilant to the filename specified in the `src` attribute. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivilant to the [filename](#filename) specified in the `src` attribute. **Note**: Difference in letter casing, and forward and trailing whitespace should be ignored. From 00eb1e937e45fd8c6e0f6a8f635e7e901f65a86b Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 30 Oct 2018 16:35:32 +0000 Subject: [PATCH 25/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 602293a81ad..6ef5146464c 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivilant to the [filename](#filename) specified in the `src` attribute. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. **Note**: Difference in letter casing, and forward and trailing whitespace should be ignored. From fc0e99fe23d21cf3ce6035199e221e22ab79fcb6 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 7 Nov 2018 11:37:08 +0000 Subject: [PATCH 26/56] Update SC1-1-1-accessible-name-is-image-filename.md Grammer and consistency changes requested Audrey Maniez --- .../SC1-1-1-accessible-name-is-image-filename.md | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 6ef5146464c..4f2627c4dda 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -37,13 +37,13 @@ Each test target has an accessible name that serves an equivalent purposecan of ## Background - [Understanding Success Criterion 1.1.1: Non-text Content](https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html) -- [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/F30) +- [F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)](https://www.w3.org/WAI/WCAG21/Techniques/failures/F30) ## Test Cases ### Pass example 1 -The element's accessible name matches the image filename which accurately describes the image. +The `img` element's accessible name uses the filename and accurately describes the image. ```html w3c @@ -51,7 +51,8 @@ The element's accessible name matches the image filename which accurately descri ### Failure example 1 -The element's accessible name matches the image filename which does not acurately describe the image. + +The `img` element's accessible name matches the image filename which does not acurately describe the image. ```html teaser_right2.jpg @@ -59,14 +60,14 @@ The element's accessible name matches the image filename which does not acuratel ### Inapplicable example 1 -The image is not exposed to assistive technologies. +The `img` element is not exposed to assistive technologies. ```html ``` ### Inapplicable example 2 -The image is not exposed to assisstive technologies. +The `img` element is not exposed to assisstive technologies. ```html @@ -74,7 +75,7 @@ The image is not exposed to assisstive technologies. ### Inapplicable example 3 -The image accessible name does not contain the image filename. +The `img` element's accessible name does not contain the image filename. ```html modanna lily @@ -82,7 +83,7 @@ The image accessible name does not contain the image filename. ### Inapplicable example 4 -The image `alt` attribute matches the filename but is overidden by the `aria-label` value which takes precedence in the accessible name calculation. +The `img` element's `alt` attribute matches the filename but is overidden by the `aria-label` value which takes precedence in the accessible name calculation. ```html teaser_right2.jpg From 5c5ba17e66547afe3160177589dc029dd361d72b Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 7 Nov 2018 12:28:19 +0000 Subject: [PATCH 27/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 4f2627c4dda..7ad24eb7348 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,13 +18,11 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. - -**Note**: Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation -Each test target has an accessible name that serves an equivalent purposecan of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). +Each test target has an accessible name that serves an equivalent purpose can of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). ## Assumptions From 5da225251edbfc53825e0e4329cf1852bc241149 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 12 Nov 2018 10:24:01 +0000 Subject: [PATCH 28/56] Update SC1-1-1-accessible-name-is-image-filename.md Added non-decorative to the applicability. --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 7ad24eb7348..5dc9df0c0a8 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any [non-decorative](#decorative) HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From 7450d01938d8d59b454d4606bb51bebd234d7d38 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 12 Nov 2018 10:49:52 +0000 Subject: [PATCH 29/56] Update decorative.md --- pages/algorithms/decorative.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/algorithms/decorative.md b/pages/algorithms/decorative.md index 1cde858c9f2..f9b863aa8b7 100644 --- a/pages/algorithms/decorative.md +++ b/pages/algorithms/decorative.md @@ -3,4 +3,4 @@ title: Decorative key: decorative --- -Serving only an aesthetic purpose, providing no information, and having no functionality. \ No newline at end of file +Serving only an aesthetic purpose, providing no information, and having no functionality. An `img` element can be marked as decorative, by using either `role="presentation"`, `role="none"` or an empty alt attribute `alt=""`. From c3cc16952b2bb72163da154c1fb320860c00cae0 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 12 Nov 2018 10:53:03 +0000 Subject: [PATCH 30/56] Update SC1-1-1-image-has-name.md --- _rules/SC1-1-1-image-has-name.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/_rules/SC1-1-1-image-has-name.md b/_rules/SC1-1-1-image-has-name.md index 43bc27a2cbb..5d907768b2a 100644 --- a/_rules/SC1-1-1-image-has-name.md +++ b/_rules/SC1-1-1-image-has-name.md @@ -25,8 +25,6 @@ The rule applies to HTML `img` elements or any HTML element with the [semantic r Each target element has an [accessible name](#accessible-name) that is [non-empty](#non-empty) or is marked as [decorative](#decorative). -**NOTE**: An `img` element can be marked as decorative, by using either `role="presentation"`, `role="none"` or an empty alt attribute `alt=""`. - ## Accessibility Support There is a known combination of a popular browser and assistive technology that does not by default support `title` as an [accessible name](#accessible-name). @@ -127,4 +125,4 @@ Non-image element. -``` \ No newline at end of file +``` From c82bdaee12adb923aef3e706be1219d998ed258d Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 20 Nov 2018 15:30:59 +0000 Subject: [PATCH 31/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 5dc9df0c0a8..b53f69dc5cf 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -22,7 +22,7 @@ The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/h ### Expectation -Each test target has an accessible name that serves an equivalent purpose can of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). +Each test target has an accessible name that serves only an equivalent purpose of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). ## Assumptions @@ -49,7 +49,6 @@ The `img` element's accessible name uses the filename and accurately describes t ### Failure example 1 - The `img` element's accessible name matches the image filename which does not acurately describe the image. ```html From 8207556ecabfe687bca24ee85889f24238ea3bc1 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 20 Nov 2018 16:19:06 +0000 Subject: [PATCH 32/56] Update SC1-1-1-accessible-name-is-image-filename.md * Updated applicability to use "non-decoratively" more broadly, to account for decorative `area` elements. * Added "Failure example 2" --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index b53f69dc5cf..8725a54ea87 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any [non-decorative](#decorative) HTML element with the semantic role of `img`, where the element is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to HTML `input` elements with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [non-decorative](#decorative) and is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation @@ -52,7 +52,15 @@ The `img` element's accessible name uses the filename and accurately describes t The `img` element's accessible name matches the image filename which does not acurately describe the image. ```html -teaser_right2.jpg +teaser_right2 +``` + +### Failure example 2 + +The `img` element's accessible name matches the image filename. In this example the file extension is redundant and results in the accessible name not accurately describing the image. + +```html +w3c.png ``` ### Inapplicable example 1 From 5527a162af4c2255fcb94a15a853d5dd5282219f Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 20 Nov 2018 16:28:04 +0000 Subject: [PATCH 33/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 8725a54ea87..d191a8c632d 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to HTML `input` elements with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or `area` elements, or any HTML element with the semantic role of `img`, where the element is [non-decorative](#decorative) and is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the semantic role of `img`, where the element is [non-decorative](#decorative) and is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From 94fe44b0c678670a5865b1581b47ca7d07e28f88 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 3 Dec 2018 12:21:59 +0000 Subject: [PATCH 34/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index d191a8c632d..057abfc5cdb 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the semantic role of `img`, where the element is [non-decorative](#decorative) and is [included in the accessibility tree](#included-in-the-accessibility-tree) and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the semantic role of `img`. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From 466584508675022d604fa84fcdbea9373072238f Mon Sep 17 00:00:00 2001 From: Anne Thyme Date: Tue, 11 Dec 2018 13:44:04 +0100 Subject: [PATCH 35/56] Fixed typo --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 057abfc5cdb..76632f852ff 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,7 +1,7 @@ --- name: Image accessible name is filename description: | - This rule checks that image elements that use their source filename as their accessible name do so without loss of infomation to the user. + This rule checks that image elements that use their source filename as their accessible name do so without loss of information to the user. success_criterion: - 1.1.1 # Non-Text Content From ad61d73ddbd476a6feef9464763c195b31e05338 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Thu, 13 Dec 2018 14:36:35 +0000 Subject: [PATCH 36/56] Update SC1-1-1-accessible-name-is-image-filename.md Made grammatical changes and linked "semantic role" --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 76632f852ff..69ae7e0d6b8 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the semantic role of `img`. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the [semantic role](#semantic-role) of `img`. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation @@ -49,7 +49,7 @@ The `img` element's accessible name uses the filename and accurately describes t ### Failure example 1 -The `img` element's accessible name matches the image filename which does not acurately describe the image. +The `img` element's accessible name matches the image filename which does not accurately describe the image. ```html teaser_right2 From 00b4e1ca58f2677346bb66401392cc0e9da33382 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 21 Dec 2018 15:38:49 +0000 Subject: [PATCH 37/56] Update SC1-1-1-accessible-name-is-image-filename.md Removed `area` from the applicability as it doesn't support `src`. Added Pass and Fail test cases for `input type="image"` --- ...1-1-1-accessible-name-is-image-filename.md | 20 +++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 69ae7e0d6b8..615e51a9939 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML `area` element, or any HTML element with the [semantic role](#semantic-role) of `img`. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `scr` attribute. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation @@ -41,12 +41,20 @@ Each test target has an accessible name that serves only an equivalent purpose o ### Pass example 1 -The `img` element's accessible name uses the filename and accurately describes the image. +The `img` element's accessible name uses the filename which accurately describes the image. ```html w3c ``` +### Pass example 2 + +The `input` element with a `type` of `image` has an accessible name that uses the filename which accurately describes the image. + +```html + +``` + ### Failure example 1 The `img` element's accessible name matches the image filename which does not accurately describe the image. @@ -57,6 +65,14 @@ The `img` element's accessible name matches the image filename which does not ac ### Failure example 2 +The `input` element with a `type` of `image` has an accessible name that uses the filename which does not accurately describes the image. + +```html + +``` + +### Failure example 3 + The `img` element's accessible name matches the image filename. In this example the file extension is redundant and results in the accessible name not accurately describing the image. ```html From 92454d7f4973e4fc0f189121ccf0534a4b5c9b81 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 18 Jan 2019 17:05:18 +0000 Subject: [PATCH 38/56] Update SC1-1-1-accessible-name-is-image-filename.md minor editorial edit --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 615e51a9939..cc919469851 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `scr` attribute. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From da97527a72a1eaf3ddfabca86e774a4cb90362cd Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 22 Jan 2019 09:50:45 +0000 Subject: [PATCH 39/56] Update SC1-1-1-accessible-name-is-image-filename.md Changed title and bane to reflect expectations --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index cc919469851..fd7f22c9421 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -1,5 +1,5 @@ --- -name: Image accessible name is filename +name: Filename is valid accessible name description: | This rule checks that image elements that use their source filename as their accessible name do so without loss of information to the user. From 5c11da3ee62709167a74267b1056c9f9aa106d2a Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 22 Jan 2019 10:24:57 +0000 Subject: [PATCH 40/56] Update decorative.md Added implementation detail as a note instead of including it as art of the main definition. --- pages/glossary/decorative.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pages/glossary/decorative.md b/pages/glossary/decorative.md index f9b863aa8b7..d08626c4217 100644 --- a/pages/glossary/decorative.md +++ b/pages/glossary/decorative.md @@ -3,4 +3,6 @@ title: Decorative key: decorative --- -Serving only an aesthetic purpose, providing no information, and having no functionality. An `img` element can be marked as decorative, by using either `role="presentation"`, `role="none"` or an empty alt attribute `alt=""`. +Serving only an aesthetic purpose, providing no information, and having no functionality. + +**Note:** Authors can mark an `img` element as decorative to indicate that it should be ignored by assistive technology without loss of information to the user by using either `role="presentation"`, `role="none"`, or `alt=""`. From 452db0fb0a604f5f1340949804be2b0dc2ad8ccd Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 28 Jan 2019 14:36:15 +0000 Subject: [PATCH 41/56] Update decorative.md --- pages/glossary/decorative.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/glossary/decorative.md b/pages/glossary/decorative.md index d08626c4217..3909f19e6c3 100644 --- a/pages/glossary/decorative.md +++ b/pages/glossary/decorative.md @@ -5,4 +5,4 @@ key: decorative Serving only an aesthetic purpose, providing no information, and having no functionality. -**Note:** Authors can mark an `img` element as decorative to indicate that it should be ignored by assistive technology without loss of information to the user by using either `role="presentation"`, `role="none"`, or `alt=""`. +**Note:** Authors can mark an `img` element as decorative to indicate that it should be ignored by assistive technology by using either `role="presentation"`, `role="none"`, or `alt=""`. An element should only be marked as decorative if removing the element does not cause a loss of information to the user. From 865c0b679f8ea85f9a83120f0959b445ffc368d7 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 1 Feb 2019 11:50:18 +0000 Subject: [PATCH 42/56] Update SC1-1-1-accessible-name-is-image-filename.md Fixed test case format --- ...1-1-1-accessible-name-is-image-filename.md | 24 ++++++++++++------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index fd7f22c9421..e1fd30be422 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -39,7 +39,9 @@ Each test target has an accessible name that serves only an equivalent purpose o ## Test Cases -### Pass example 1 +### Passed + +#### Pass example 1 The `img` element's accessible name uses the filename which accurately describes the image. @@ -47,7 +49,7 @@ The `img` element's accessible name uses the filename which accurately describes w3c ``` -### Pass example 2 +#### Pass example 2 The `input` element with a `type` of `image` has an accessible name that uses the filename which accurately describes the image. @@ -55,7 +57,9 @@ The `input` element with a `type` of `image` has an accessible name that uses th ``` -### Failure example 1 +### Falied + +#### Falied example 1 The `img` element's accessible name matches the image filename which does not accurately describe the image. @@ -63,7 +67,7 @@ The `img` element's accessible name matches the image filename which does not ac teaser_right2 ``` -### Failure example 2 +#### Falied example 2 The `input` element with a `type` of `image` has an accessible name that uses the filename which does not accurately describes the image. @@ -71,7 +75,7 @@ The `input` element with a `type` of `image` has an accessible name that uses th ``` -### Failure example 3 +#### Falied example 3 The `img` element's accessible name matches the image filename. In this example the file extension is redundant and results in the accessible name not accurately describing the image. @@ -79,14 +83,16 @@ The `img` element's accessible name matches the image filename. In this example w3c.png ``` -### Inapplicable example 1 +### Inapplicable + +#### Inapplicable example 1 The `img` element is not exposed to assistive technologies. ```html ``` -### Inapplicable example 2 +#### Inapplicable example 2 The `img` element is not exposed to assisstive technologies. @@ -94,7 +100,7 @@ The `img` element is not exposed to assisstive technologies. ``` -### Inapplicable example 3 +#### Inapplicable example 3 The `img` element's accessible name does not contain the image filename. @@ -102,7 +108,7 @@ The `img` element's accessible name does not contain the image filename. modanna lily ``` -### Inapplicable example 4 +#### Inapplicable example 4 The `img` element's `alt` attribute matches the filename but is overidden by the `aria-label` value which takes precedence in the accessible name calculation. From 8f99add89c1b8b0368054631094ef5c90f80bdba Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 1 Feb 2019 11:52:56 +0000 Subject: [PATCH 43/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index e1fd30be422..eab02464f7b 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -22,7 +22,7 @@ The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/ ### Expectation -Each test target has an accessible name that serves only an equivalent purpose of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). +Each test target has an accessible name that serves an equivalent purpose of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). ## Assumptions From e713912cc1eb95afc6d8e3082f2ae943f2d70c7e Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 1 Feb 2019 12:06:15 +0000 Subject: [PATCH 44/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index eab02464f7b..a3d5c13b93b 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are [non-decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are marked as [decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From ab082154a5f48a5238da83b390b1fbd07cb43f30 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Fri, 1 Feb 2019 13:19:39 +0000 Subject: [PATCH 45/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index a3d5c13b93b..0a97a62c8d7 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are marked as [decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are not marked as [decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From c3a60dc554d9fddb5618ae0b7541bd2bcf8089a9 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 4 Feb 2019 13:39:49 +0000 Subject: [PATCH 46/56] Update SC1-1-1-accessible-name-is-image-filename.md Updated applicability to remove "included in accessibility tree" and "decorative" --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 0a97a62c8d7..7cc5da8b2dc 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements are not marked as [decorative](#decorative), [included in the accessibility tree](#included-in-the-accessibility-tree), and have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From e522382037cfb0ba8c4e9bae7383a6ceb33cbd29 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 4 Feb 2019 13:41:16 +0000 Subject: [PATCH 47/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 7cc5da8b2dc..75fa6eae4ad 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,9 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. Applicable elements have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. + +Applicable elements have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From 5addee3178ce6ff3f96da7219de3c49e553df172 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 4 Feb 2019 13:43:32 +0000 Subject: [PATCH 48/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 75fa6eae4ad..9d485a6abae 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -24,7 +24,7 @@ Applicable elements have an [accessible name](#accessible-name) that is equivale ### Expectation -Each test target has an accessible name that serves an equivalent purpose of the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). +Each test target has an accessible name that serves an equivalent purpose to the [non-text content](https://www.w3.org/TR/WCAG21/#dfn-non-text-content). ## Assumptions From 9a54d3e3e4ee33b05bdf2fc76c20447398f32734 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Mon, 4 Feb 2019 13:57:17 +0000 Subject: [PATCH 49/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 9d485a6abae..2d49a5c559a 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,9 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img` that has a `src` attribute. - -Applicable elements have an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img`, that has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From ebb8c073e364880dd2a84207d27d81ab397b9739 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 5 Feb 2019 10:12:38 +0000 Subject: [PATCH 50/56] Update SC1-1-1-accessible-name-is-image-filename.md Re-included "included in the accessibility tree" in the applicability. Changed Inapplicable example 1 description to better describe the test case. Changed Inapplicable example 2 to reflect not "included in the accessibility tree". --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 2d49a5c559a..cf9fa067989 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img`, that has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img`, is [included in the accessibility tree](#included-in-the-accessibility-tree), and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation @@ -87,17 +87,17 @@ The `img` element's accessible name matches the image filename. In this example #### Inapplicable example 1 -The `img` element is not exposed to assistive technologies. +The `img` element does not haveth the semantic role of image. ```html ``` #### Inapplicable example 2 -The `img` element is not exposed to assisstive technologies. +The `img` element is not included in the accessibility tree ```html - + ``` #### Inapplicable example 3 From 8868f1752d0912517ee578676eeb30cb3178630d Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 5 Feb 2019 10:18:16 +0000 Subject: [PATCH 51/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index cf9fa067989..f652a9b327a 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -97,7 +97,7 @@ The `img` element does not haveth the semantic role of image. The `img` element is not included in the accessibility tree ```html - + ``` #### Inapplicable example 3 From e6759261d15703306991f91b4c94e7f756137178 Mon Sep 17 00:00:00 2001 From: Brian Bors Date: Wed, 6 Feb 2019 12:51:42 +0100 Subject: [PATCH 52/56] fixed spelling/typing errors --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index f652a9b327a..7adf5552791 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -87,14 +87,14 @@ The `img` element's accessible name matches the image filename. In this example #### Inapplicable example 1 -The `img` element does not haveth the semantic role of image. +The `img` element doesn't have the semantic role of image. ```html ``` #### Inapplicable example 2 -The `img` element is not included in the accessibility tree +The `img` element is not included in the accessibility tree. ```html From d706ff7a11b46f3c1087f460e4c8817dadd51a41 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 27 Feb 2019 12:01:42 +0100 Subject: [PATCH 53/56] Update SC1-1-1-accessible-name-is-image-filename.md Minor editorial edit. --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 7adf5552791..faf0d43e3fe 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -18,7 +18,7 @@ authors: ### Applicability -The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img`, is [included in the accessibility tree](#included-in-the-accessibility-tree), and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. +The rule applies to any HTML `input` element with a [`type`](https://www.w3.org/TR/html/sec-forms.html#dom-htmlinputelement-type) of `image`, or any HTML element with the [semantic role](#semantic-role) of `img`, that is [included in the accessibility tree](#included-in-the-accessibility-tree), and has an [accessible name](#accessible-name) that is equivalent to the [filename](#filename) specified in the `src` attribute. Difference in letter casing, and forward and trailing whitespace should be ignored. ### Expectation From c4fdd977d7837b196df09f2cae80cfd6985f1a55 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Wed, 27 Feb 2019 12:03:55 +0100 Subject: [PATCH 54/56] Update SC1-1-1-accessible-name-is-image-filename.md Minor template edits --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index faf0d43e3fe..ff10cae60e3 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -41,7 +41,7 @@ Each test target has an accessible name that serves an equivalent purpose to the ### Passed -#### Pass example 1 +#### Passed example 1 The `img` element's accessible name uses the filename which accurately describes the image. @@ -49,7 +49,7 @@ The `img` element's accessible name uses the filename which accurately describes w3c ``` -#### Pass example 2 +#### Passed example 2 The `input` element with a `type` of `image` has an accessible name that uses the filename which accurately describes the image. @@ -57,9 +57,9 @@ The `input` element with a `type` of `image` has an accessible name that uses th ``` -### Falied +### Failed -#### Falied example 1 +#### Failed example 1 The `img` element's accessible name matches the image filename which does not accurately describe the image. @@ -67,7 +67,7 @@ The `img` element's accessible name matches the image filename which does not ac teaser_right2 ``` -#### Falied example 2 +#### Failed example 2 The `input` element with a `type` of `image` has an accessible name that uses the filename which does not accurately describes the image. @@ -75,7 +75,7 @@ The `input` element with a `type` of `image` has an accessible name that uses th ``` -#### Falied example 3 +#### Failed example 3 The `img` element's accessible name matches the image filename. In this example the file extension is redundant and results in the accessible name not accurately describing the image. From 9c2d682eb9744229b245abebbddddebc5a826dcb Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 5 Mar 2019 11:00:32 +0000 Subject: [PATCH 55/56] Update SC1-1-1-accessible-name-is-image-filename.md --- ...1-1-1-accessible-name-is-image-filename.md | 24 +++++++------------ 1 file changed, 8 insertions(+), 16 deletions(-) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index ff10cae60e3..1027c560d62 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -51,36 +51,28 @@ The `img` element's accessible name uses the filename which accurately describes #### Passed example 2 -The `input` element with a `type` of `image` has an accessible name that uses the filename which accurately describes the image. +The `img` element's accessible name uses the filename, which in combination with the `a` element accurately describes the image. ```html - +Download w3c.png ``` ### Failed #### Failed example 1 -The `img` element's accessible name matches the image filename which does not accurately describe the image. +The `img` element's accessible name matches the image filename. However the presence of the file extension in the accessible name is redundant and results in the accessible name not accurately describing the image. ```html -teaser_right2 +w3c.png ``` #### Failed example 2 -The `input` element with a `type` of `image` has an accessible name that uses the filename which does not accurately describes the image. +The `input` element with a `type` of `image` has an accessible name that matches the filename. However the presence of the file extension in the accessible name is redundant and results in the accessible name not accurately describing the image. ```html - -``` - -#### Failed example 3 - -The `img` element's accessible name matches the image filename. In this example the file extension is redundant and results in the accessible name not accurately describing the image. - -```html -w3c.png + ``` ### Inapplicable @@ -102,7 +94,7 @@ The `img` element is not included in the accessibility tree. #### Inapplicable example 3 -The `img` element's accessible name does not contain the image filename. +The `img` element's accessible name is not equivalent to the file name specified in the `src` attribute. ```html modanna lily @@ -110,7 +102,7 @@ The `img` element's accessible name does not contain the image filename. #### Inapplicable example 4 -The `img` element's `alt` attribute matches the filename but is overidden by the `aria-label` value which takes precedence in the accessible name calculation. +The `img` element's `alt` attribute matches the filename but is overridden by the `aria-label` value which takes precedence in the accessible name calculation. ```html teaser_right2.jpg From 4c0faf89c0dc7cf4742e1965aec6a602dc520da8 Mon Sep 17 00:00:00 2001 From: Brynanders <37368581+Brynanders@users.noreply.github.com> Date: Tue, 5 Mar 2019 11:08:46 +0000 Subject: [PATCH 56/56] Update SC1-1-1-accessible-name-is-image-filename.md --- _rules/SC1-1-1-accessible-name-is-image-filename.md | 1 + 1 file changed, 1 insertion(+) diff --git a/_rules/SC1-1-1-accessible-name-is-image-filename.md b/_rules/SC1-1-1-accessible-name-is-image-filename.md index 1027c560d62..35c24687e3f 100644 --- a/_rules/SC1-1-1-accessible-name-is-image-filename.md +++ b/_rules/SC1-1-1-accessible-name-is-image-filename.md @@ -84,6 +84,7 @@ The `img` element doesn't have the semantic role of image. ```html ``` + #### Inapplicable example 2 The `img` element is not included in the accessibility tree.