From d26890ab5d6fff79f69b984c946fbf2cf30b853f Mon Sep 17 00:00:00 2001 From: Susie Sahim Date: Fri, 31 Aug 2018 11:16:57 -0700 Subject: [PATCH] fix(nav): landmarks with talkback and voiceover - Fix bugs relating to landmarks that were preventing talkback and voiceover from reading content and/or navigation areas - Remove completed TODO's - Add aria-live to indicate to screen reader that the content area will change. Fixes #1, #2, #3, #4 --- src/app/app.component.css | 5 ++ src/app/app.component.html | 13 ++- src/app/components/nav/nav.component.css | 4 - src/app/components/nav/nav.component.html | 100 ++++++++++------------ 4 files changed, 59 insertions(+), 63 deletions(-) diff --git a/src/app/app.component.css b/src/app/app.component.css index e69de29..08308c3 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -0,0 +1,5 @@ +/* Color palette https://coolors.co/75f4f4-ff5b5e-ec4067-a01a7d-311847 */ +header { + background-color: #A01A7D; +} + diff --git a/src/app/app.component.html b/src/app/app.component.html index 5da0e95..60dd9ba 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,11 +1,16 @@ - - + +
+ +
-
+

{{getTitle()}}

- diff --git a/src/app/components/nav/nav.component.css b/src/app/components/nav/nav.component.css index 6a955cc..f47b2eb 100644 --- a/src/app/components/nav/nav.component.css +++ b/src/app/components/nav/nav.component.css @@ -1,8 +1,4 @@ /* Color palette https://coolors.co/75f4f4-ff5b5e-ec4067-a01a7d-311847 */ -header { - background-color: #A01A7D; -} - .main-level, .nested { list-style: none; diff --git a/src/app/components/nav/nav.component.html b/src/app/components/nav/nav.component.html index 98fbe3c..0107aab 100644 --- a/src/app/components/nav/nav.component.html +++ b/src/app/components/nav/nav.component.html @@ -1,58 +1,48 @@ - -
+ - - + -

Cat-alog

- - - -
+ +