freeCodeCamp icon indicating copy to clipboard operation
freeCodeCamp copied to clipboard

Update questions for set 2 of semantic HTML quiz

Open edvard0806 opened this issue 6 months ago • 9 comments

Describe the Issue

Hello. Am I wrong her, or is the quiz wrong?

Image Image Image

Affected Page

https://www.freecodecamp.org/learn/full-stack-developer/quiz-semantic-html/quiz-semantic-html

Your code




Expected behavior

I don't know, I am trying to learn

Screenshots

No response

System

  • Device: [e.g. iPhone 6, Laptop]
  • OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
  • Browser: [e.g. Chrome, Safari]
  • Version: [e.g. 22]

Additional context

No response

edvard0806 avatar Jun 03 '25 18:06 edvard0806

Hi @edvard0806 !

Let's break down each question.

For question 5, the b is the Bring attention to element. You can learn more about it here

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/b

For question 6, it would be the u element.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/u

Here is a direct quote on the ruby element from MDN docs

small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of East Asian characters.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ruby

And lastly here are the docs for the sup element

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sup

One of the use cases would be for superior lettering.

Since no changes are going to be made, I am going to close this issue.

But if you are interested in learning more about semantic HTML or have further questions, then please create a post on the forum or discord.

Happy coding!

jdwilkin4 avatar Jun 03 '25 18:06 jdwilkin4

Hi, @jdwilkin4

Thanks again for your helpful response and for pointing me to the relevant MDN documentation — I really appreciate it! After reviewing some of the quiz questions and comparing them with the official HTML spec and MDN references, I just wanted to share a few observations where I believe the quiz may have marked technically correct answers as incorrect:

Question 5 – element I answered “Bold Text”, which was marked incorrect. While MDN defines as an element used to draw attention to content that is not semantically important, it still visually renders text in bold. So while “Bring Attention To” may reflect intent, “Bold Text” describes its rendering accurately. I’d say both answers are arguably valid depending on interpretation.

Question 7 – Ruby annotations I answered , which was marked incorrect iis explicitly designed to repr "The element represents small annot

Question 18 – Superscript I answered “superior lettering” is not a common use case, but it was marked incorrect. While can technically be used for typographic superior letters, its common semantic use is for: Exponents (x²) Ordinal numbers (1ˢᵗ) Footnotes (¹)

“Superior lettering” is more of a visual style than a semantically meaningful use case, so I believe my answer was justified. Final thoughts

I completely understand that quizzes must enforce a consistent answer key, but I wanted to highlight these discrepancies since they may impact learners aiming for both accuracy and standards-compliance. Thanks again for your time — happy to continue the discussion if helpful!

Best regards, Edvard

edvard0806 avatar Jun 03 '25 19:06 edvard0806

While MDN defines as an element used to draw attention to content that is not semantically important, it still visually renders text in bold. So while “Bring Attention To” may reflect intent, “Bold Text” describes its rendering accurately. I’d say both answers are arguably valid depending on interpretation.

While its true that the rendered result would be bold, this question should still communicate when it is appropriate to use the b element. By allowing answers like Bold Text, that is the wrong reason why you should use the b. If you are just using it for styling purposes, you should use CSS instead.

That question can be reworded to the following if that is clearer

Which of the following elements is used to bring attention to text that is not important for the meaning of the content?

As for question 7, we could change that ruby distractor to something else like span or div

As for the last question, the answer could be changed to Chemical formulas since that is for the sub element.

jdwilkin4 avatar Jun 03 '25 21:06 jdwilkin4

I am going open this up for contribution and we will go with my suggestions here

https://github.com/freeCodeCamp/freeCodeCamp/issues/60692#issuecomment-2937233969

jdwilkin4 avatar Jun 04 '25 15:06 jdwilkin4

I'm having a hard time identifying the correct file to modify. What I am getting leads to a different challenge. I'll honestly appreciate some help.

StephenMuya avatar Jun 04 '25 16:06 StephenMuya

@StephenMuya

Here is the quiz file

https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md

But in general if you need to find things quickly, you can utilize search in these ways.

Image

You can use Ctrl+F or Cmd + F to find things in a file

Image

Or do a global search

Image

jdwilkin4 avatar Jun 04 '25 17:06 jdwilkin4

Thank you, Jessica.

StephenMuya avatar Jun 04 '25 19:06 StephenMuya

Is the issue still open ?

rushabhhh avatar Jun 05 '25 11:06 rushabhhh

@rushabhhh it is not closed, so it is open

majestic-owl448 avatar Jun 05 '25 11:06 majestic-owl448

I am a Web3 frontend developer and a coding instructor. I have contributed successfully to different projects on onlyDust . I will implement the right questions and give the proper updates as requested.

pheobeayo avatar Jun 17 '25 15:06 pheobeayo

@pheobeayo this issue is not open for contribution as it doesn't have the HELP WANTED label

majestic-owl448 avatar Jun 17 '25 17:06 majestic-owl448