From a6359f05415d4763926cf5a85085f0e069b2f1c7 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Fri, 19 Oct 2018 10:40:46 -0400 Subject: [PATCH 1/4] blog(embertimes69): ember-self-focused --- source/blog/2018-10-19-the-ember-times-issue-69.md | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/source/blog/2018-10-19-the-ember-times-issue-69.md b/source/blog/2018-10-19-the-ember-times-issue-69.md index e26e6c1575..2654694dd4 100644 --- a/source/blog/2018-10-19-the-ember-times-issue-69.md +++ b/source/blog/2018-10-19-the-ember-times-issue-69.md @@ -1,6 +1,6 @@ --- title: The Ember Times - Issue No. 69 -author: the crowd +author: Chris Ng, Alon Bukai, Jessica Jordan, Amy Lam, Ryan Mark tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2018 alias : "blog/2018/10/19-the-ember-times-issue-69.html" responsive: true @@ -59,8 +59,13 @@ You can **read more** about the design of this proposed API [**in the RFC itself --- -## [SECTION TITLE](#section-url) +## [New Addon Release: ember-self-focused 👁️](#https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) + +User interface transitions that happen in a SPA are problematic for screen reading software since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. + +To solve this issue, [@sarbbottam](https://github.com/sarbbottam) released a brand new addon to enable screen reading software to speak the content of the new node by focusing on the HTML node of the dynamic content. The new addon [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) provides a component and a service to keep track of the HTML nodes to be focused. +Check out more in [@sarbbottam](https://github.com/sarbbottam)'s [blog post](https://engineering.linkedin.com/blog/2018/10/making-ember-applications--ui-transitions-screen-reader-friendly) or at the [GitHub repo](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused)! --- @@ -107,4 +112,4 @@ That's another wrap! ✨ Be kind, -the crowd and the Learning Team +Chris Ng, Alon Bukai, Jessica Jordan, Amy Lam, Ryan Mark, and the Learning Team From 0662bd783d4f3360c3dd8514d40a9658f6ceb48f Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Fri, 19 Oct 2018 10:42:05 -0400 Subject: [PATCH 2/4] blog(embertimes69): link fix for self focused --- source/blog/2018-10-19-the-ember-times-issue-69.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/blog/2018-10-19-the-ember-times-issue-69.md b/source/blog/2018-10-19-the-ember-times-issue-69.md index 2654694dd4..db3bd50f72 100644 --- a/source/blog/2018-10-19-the-ember-times-issue-69.md +++ b/source/blog/2018-10-19-the-ember-times-issue-69.md @@ -59,7 +59,7 @@ You can **read more** about the design of this proposed API [**in the RFC itself --- -## [New Addon Release: ember-self-focused 👁️](#https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) +## [New Addon Release: ember-self-focused 👁️](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) User interface transitions that happen in a SPA are problematic for screen reading software since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. From fff23599f6ddb5574e30e6ab8d771b02975dff68 Mon Sep 17 00:00:00 2001 From: Chris Ng Date: Fri, 19 Oct 2018 10:45:37 -0400 Subject: [PATCH 3/4] blog(embertimes69): added bold stuff --- source/blog/2018-10-19-the-ember-times-issue-69.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/source/blog/2018-10-19-the-ember-times-issue-69.md b/source/blog/2018-10-19-the-ember-times-issue-69.md index db3bd50f72..ef35c263be 100644 --- a/source/blog/2018-10-19-the-ember-times-issue-69.md +++ b/source/blog/2018-10-19-the-ember-times-issue-69.md @@ -61,9 +61,9 @@ You can **read more** about the design of this proposed API [**in the RFC itself ## [New Addon Release: ember-self-focused 👁️](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) -User interface transitions that happen in a SPA are problematic for screen reading software since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. +User interface transitions that happen in a SPA are problematic for **screen reading software** since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. -To solve this issue, [@sarbbottam](https://github.com/sarbbottam) released a brand new addon to enable screen reading software to speak the content of the new node by focusing on the HTML node of the dynamic content. The new addon [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) provides a component and a service to keep track of the HTML nodes to be focused. +To solve this issue, [@sarbbottam](https://github.com/sarbbottam) released a brand new addon to enable screen reading software to speak the content of the new node by **focusing on the HTML node of the dynamic content**. The new addon [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) provides a **component** and a **service** to keep track of the HTML nodes to be focused. Check out more in [@sarbbottam](https://github.com/sarbbottam)'s [blog post](https://engineering.linkedin.com/blog/2018/10/making-ember-applications--ui-transitions-screen-reader-friendly) or at the [GitHub repo](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused)! From 99d8770f635f6e50be0b4242f7daecf156a3a5cc Mon Sep 17 00:00:00 2001 From: Amy Lam Date: Fri, 19 Oct 2018 09:43:32 -0700 Subject: [PATCH 4/4] Add alex linter and spell out SPA --- source/blog/2018-10-19-the-ember-times-issue-69.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/blog/2018-10-19-the-ember-times-issue-69.md b/source/blog/2018-10-19-the-ember-times-issue-69.md index fe6d5b2026..3c59e91927 100644 --- a/source/blog/2018-10-19-the-ember-times-issue-69.md +++ b/source/blog/2018-10-19-the-ember-times-issue-69.md @@ -62,7 +62,8 @@ You can **read more** about the design of this proposed API [**in the RFC itself ## [New Addon Release: ember-self-focused 👁️](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) -User interface transitions that happen in a SPA are problematic for **screen reading software** since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. + +User interface transitions that happen in a single-page application (SPA) are problematic for **screen reading software** since traditionally they are reliant on reading out the text on page load. Since there are some visual changes on the screen but the page does not reload in an SPA, it makes it difficult for screen reading software users to be aware of UI changes. To solve this issue, [@sarbbottam](https://github.com/sarbbottam) released a brand new addon to enable screen reading software to speak the content of the new node by **focusing on the HTML node of the dynamic content**. The new addon [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) provides a **component** and a **service** to keep track of the HTML nodes to be focused.