From a7f3b97cbe0514a54f185ef7be86805f6463cfa1 Mon Sep 17 00:00:00 2001 From: Daniel Benjamin Date: Fri, 23 Jan 2026 15:17:19 +0100 Subject: [PATCH] fix(curriculum): Add interactive examples for CSS chapter review page (#65388) --- .../english/blocks/review-css/671a9a0a140c2b9d6a75629f.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md b/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md index abd6a006d33..a741349148d 100644 --- a/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md +++ b/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md @@ -5,7 +5,7 @@ challengeType: 31 dashedName: review-css --- -# --description-- +# --interactive-- Review the concepts below to prepare for the upcoming exam. @@ -432,11 +432,15 @@ In the above example, smooth scrolling is enabled if the user doesn't have anima - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content. - **`hidden` attribute**: This attribute is supported by most modern browsers and hides content both visually and from the accessibility tree. It can be easily toggled with JavaScript. +:::interactive_editor + ```html

This paragraph is visible for sighted users, but is hidden from assistive technology.

``` +::: + ## Accessibility Issue of the `placeholder` Attribute Using placeholder text is not great for accessibility. Too often, users confuse the placeholder text with an actual input value - they think there is already a value in the input.