From 1a6c82df5dfa460190a4ff2456ae2b0ea660acf9 Mon Sep 17 00:00:00 2001 From: Ava Wroten Date: Mon, 29 Jun 2020 14:40:11 -0500 Subject: [PATCH 1/5] Text content rewrite of a11y lang attr --- app/styles/app.css | 18 ++++++++++++++ .../application-considerations.md | 24 +++++++++++++++---- 2 files changed, 37 insertions(+), 5 deletions(-) diff --git a/app/styles/app.css b/app/styles/app.css index 8ebac68d2c..df3953439c 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -176,6 +176,24 @@ code[data-diff] .diff-insertion::before { padding: 0.75em; } +/* Pullquote (blockquote) emphasis */ + +.chapter blockquote { + font-family: serif; + font-size: 85%; + color: #4d4d4d; + padding: 0.5em 0.75em; + border: 1px solid #F8E7CF; + border-radius: 2px; +} + +.chapter blockquote p:first-child { + margin-top: 0; +} +.chapter blockquote p:last-child { + margin-bottom: 0; +} + /* Make the line number "gutter" narrower and more balanced */ .chapter pre.line-numbers, diff --git a/guides/release/accessibility/application-considerations.md b/guides/release/accessibility/application-considerations.md index 08ed7a2156..5308e131a2 100644 --- a/guides/release/accessibility/application-considerations.md +++ b/guides/release/accessibility/application-considerations.md @@ -1,15 +1,29 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations From 73c91422e31547b9affbb646c9ed5966a400feaa Mon Sep 17 00:00:00 2001 From: Ava Wroten Date: Mon, 29 Jun 2020 15:25:48 -0500 Subject: [PATCH 2/5] Illustration for sub elements with dif lang --- .../accessibility/application-considerations.md | 2 ++ .../application-considerations/lang.png | Bin 0 -> 27072 bytes 2 files changed, 2 insertions(+) create mode 100644 public/images/accessibility/application-considerations/lang.png diff --git a/guides/release/accessibility/application-considerations.md b/guides/release/accessibility/application-considerations.md index 5308e131a2..68e0bf63a7 100644 --- a/guides/release/accessibility/application-considerations.md +++ b/guides/release/accessibility/application-considerations.md @@ -11,6 +11,8 @@ A primary language should be defined on the `` element's `lang` attribute. The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +
diff --git a/public/images/accessibility/application-considerations/lang.png b/public/images/accessibility/application-considerations/lang.png new file mode 100644 index 0000000000000000000000000000000000000000..95833ff4c5683d6f1ef681c5e0a3f3537a67f1b2 GIT binary patch literal 27072 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 literal 0 HcmV?d00001 From 72597e3b317e43242c342f1c5c3ae6bb15f684bc Mon Sep 17 00:00:00 2001 From: Ava Wroten Date: Mon, 29 Jun 2020 15:31:02 -0500 Subject: [PATCH 3/5] Ported to v3.13-v3.17 --- .../application-considerations.md | 26 +++++++++++++++---- .../application-considerations.md | 26 +++++++++++++++---- .../application-considerations.md | 26 +++++++++++++++---- .../application-considerations.md | 26 +++++++++++++++---- .../application-considerations.md | 26 +++++++++++++++---- 5 files changed, 105 insertions(+), 25 deletions(-) diff --git a/guides/v3.13.0/accessibility/application-considerations.md b/guides/v3.13.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.13.0/accessibility/application-considerations.md +++ b/guides/v3.13.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations diff --git a/guides/v3.14.0/accessibility/application-considerations.md b/guides/v3.14.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.14.0/accessibility/application-considerations.md +++ b/guides/v3.14.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations diff --git a/guides/v3.15.0/accessibility/application-considerations.md b/guides/v3.15.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.15.0/accessibility/application-considerations.md +++ b/guides/v3.15.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations diff --git a/guides/v3.16.0/accessibility/application-considerations.md b/guides/v3.16.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.16.0/accessibility/application-considerations.md +++ b/guides/v3.16.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations diff --git a/guides/v3.17.0/accessibility/application-considerations.md b/guides/v3.17.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.17.0/accessibility/application-considerations.md +++ b/guides/v3.17.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations From c17418ae67a3bda3b30e1eccefc82e18561c2796 Mon Sep 17 00:00:00 2001 From: Ava Wroten Date: Mon, 29 Jun 2020 15:35:41 -0500 Subject: [PATCH 4/5] Ported to v3.18 --- .../application-considerations.md | 26 +++++++++++++++---- 1 file changed, 21 insertions(+), 5 deletions(-) diff --git a/guides/v3.18.0/accessibility/application-considerations.md b/guides/v3.18.0/accessibility/application-considerations.md index 08ed7a2156..68e0bf63a7 100644 --- a/guides/v3.18.0/accessibility/application-considerations.md +++ b/guides/v3.18.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document explicitly allows users to be better able to understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations From 27b0fa2b5b447c95d77558d8bf10d3901847c2de Mon Sep 17 00:00:00 2001 From: Ava Gaiety Wroten Date: Wed, 1 Jul 2020 10:15:10 -0500 Subject: [PATCH 5/5] Applied PR feedback --- .local.dic | 2 ++ app/styles/app.css | 18 ------------- .../application-considerations.md | 8 +++--- .../application-considerations.md | 26 +++++++++++++++---- .../application-considerations.md | 8 +++--- .../application-considerations.md | 8 +++--- .../application-considerations.md | 8 +++--- .../application-considerations.md | 8 +++--- .../application-considerations.md | 8 +++--- .../application-considerations.md | 8 +++--- 10 files changed, 51 insertions(+), 51 deletions(-) diff --git a/.local.dic b/.local.dic index 3e3f1f75b9..2366a3e738 100644 --- a/.local.dic +++ b/.local.dic @@ -57,6 +57,7 @@ ember-cli-htmlbars ember-cli-mirage. ember-cli-tutorial-style ember-debug-handlers-polyfill +ember-intl erroring Evented facto @@ -92,6 +93,7 @@ invokers jquery-integration keyCode KVO +lang linters lookups Mapbox diff --git a/app/styles/app.css b/app/styles/app.css index df3953439c..8ebac68d2c 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -176,24 +176,6 @@ code[data-diff] .diff-insertion::before { padding: 0.75em; } -/* Pullquote (blockquote) emphasis */ - -.chapter blockquote { - font-family: serif; - font-size: 85%; - color: #4d4d4d; - padding: 0.5em 0.75em; - border: 1px solid #F8E7CF; - border-radius: 2px; -} - -.chapter blockquote p:first-child { - margin-top: 0; -} -.chapter blockquote p:last-child { - margin-bottom: 0; -} - /* Make the line number "gutter" narrower and more balanced */ .chapter pre.line-numbers, diff --git a/guides/release/accessibility/application-considerations.md b/guides/release/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/release/accessibility/application-considerations.md +++ b/guides/release/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.12.0/accessibility/application-considerations.md b/guides/v3.12.0/accessibility/application-considerations.md index 72b1027b0d..73371159da 100644 --- a/guides/v3.12.0/accessibility/application-considerations.md +++ b/guides/v3.12.0/accessibility/application-considerations.md @@ -1,15 +1,31 @@ In this section, you will learn about the configurations and libraries that affect an entire application's accessibility. -## Language attribute +## Lang Attribute -Every application must have a primary language declaration. This language declaration is important for assistive technology like screen readers, internationalization tools built into browsers, and search engines. +Declaring the language of the HTML document allows users to better understand your content. -To indicate the primary language, use the `lang` attribute on the `` element. Until Ember provides this by default, developers should edit the `index.html` file of the generated Ember application with the default language declaration. This is inherited by all other elements, and will set a default language for the text in the document head element. +> Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. +> [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -If there happens to be any content on the page that is in a different language from that declared in the `` element, the `lang` attribute can be used on the parent element to indicate a different language. +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -Note: a page cannot have multiple language attribute _values_. For example, this means that `lang="en"` could be set on the page's HTML element and then `lang="es"` could be set on a different element in the page content (as appropriate). +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) + +
+
+
+
Zoey says...
+
+

+ To learn more about the lang attribute and how to use it: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang. Unsure which language subtag to use? Try the Language Subtag Lookup tool. +

+
+
+ +
+
## Configurations diff --git a/guides/v3.13.0/accessibility/application-considerations.md b/guides/v3.13.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.13.0/accessibility/application-considerations.md +++ b/guides/v3.13.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.14.0/accessibility/application-considerations.md b/guides/v3.14.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.14.0/accessibility/application-considerations.md +++ b/guides/v3.14.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.15.0/accessibility/application-considerations.md b/guides/v3.15.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.15.0/accessibility/application-considerations.md +++ b/guides/v3.15.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.16.0/accessibility/application-considerations.md b/guides/v3.16.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.16.0/accessibility/application-considerations.md +++ b/guides/v3.16.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.17.0/accessibility/application-considerations.md b/guides/v3.17.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.17.0/accessibility/application-considerations.md +++ b/guides/v3.17.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)
diff --git a/guides/v3.18.0/accessibility/application-considerations.md b/guides/v3.18.0/accessibility/application-considerations.md index 68e0bf63a7..74a2563d25 100644 --- a/guides/v3.18.0/accessibility/application-considerations.md +++ b/guides/v3.18.0/accessibility/application-considerations.md @@ -2,16 +2,16 @@ In this section, you will learn about the configurations and libraries that affe ## Lang Attribute -Declaring the language of the HTML document explicitly allows users to be better able to understand your content. +Declaring the language of the HTML document allows users to better understand your content. > Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content. > [WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent) -A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). [Soon Ember CLI will allow for creating new applications with this attribute set for you automatically](https://github.com/ember-cli/ember-cli/pull/9259). +A primary language should be defined on the `` element's `lang` attribute. For existing Ember apps, a developer may edit the `index.html` file or leverage [ember-intl](https://github.com/ember-intl/ember-intl). -The `html` element may not have multiple `lang` _values_. Instead, an element containing content in a different language than the `html`'s `lang` may be wrapped in an element with its own `lang` attribute. +The `html` element may not have multiple `lang` _values_. If an element contains content in a language different from the primary, then you can provide the element its own `lang` attribute. -![For example, a HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png) +![For example, the HTML tag may have a lang of "es" while a paragraph may have a lang of "en"](/images/accessibility/application-considerations/lang.png)