From 3e03664e38c0f21eaa32e1bfb4371b3381a9fa7d Mon Sep 17 00:00:00 2001 From: Anna Date: Tue, 26 Mar 2024 00:58:46 -0400 Subject: [PATCH] fix(curriculum): use get computed styles in step 46 of the access quiz (#54146) --- .../614796cb8086be482d60e0ac.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md index 3d348d12658..3a8e71e8755 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md @@ -16,13 +16,15 @@ Change the font color of all the anchor elements within the list elements to som You should use the `li > a` selector. ```js -assert.exists(new __helpers.CSSHelp(document).getStyle('li > a')); +const anchors = document.querySelectorAll('li > a'); +anchors.forEach(a => assert.exists(getComputedStyle(a))); ``` You should give the `a` element a `color` property. ```js -assert.notEmpty(new __helpers.CSSHelp(document).getStyle('li > a')?.color); +const anchors = document.querySelectorAll('li > a'); +anchors.forEach(a => assert.notEmpty(getComputedStyle(a)?.color)); ``` You should give the `color` property a contrast with the background of at least 7:1. _Hint: I would use `#dfdfe2`_