Assessment wanted for HTML accessibility challenge

MDN Learn
1

Hi,
I completed the HTML accessibility skills tests. Can I please have an assessment for these HTML accessibility skill tests?

Here are the links to my solutions
HTML accessibility 1
HTML accessibility 2
HTML accessibility 3
HTML accessibility 4

Thank you,
Sammy

2

Hi @grabba and welcome to the community :wave:

Congratulations, you did a great job! :tada:

Here are my comments:

  • Task 1: Correct :white_check_mark:
  • Task 2: Partly correct :warning: The second subtask asks to group all three together. <fieldset> with a <legend> would be appropriate. By the way: Using <ul> and <li> like in the original is fine and doesn’t need to be changed (but your version is also fine :slightly_smiling_face:)
  • Task 3: Partly correct :warning: For the third and fourth link I recommend placing a hint in parentheses for the user to inform them about the size and/or file type:
    sponsorship pack (PDF, 8MB)
assessment sheets (Word document)
  • Task 4: Correct :white_check_mark: Have you also thought about the second point? (Putting the header image into CSS) How could this be achieved?

Keep up the good work! :smiley:

Have a nice day,
Michael

1 Like
3

Hi @mikoMK ,
Thank you for the feedback I have made the changes you suggested.

I also implemented the second part for Task 4. For the approach I used, I am not sure if that is the best practice or alternative; but If you have any suggestions I am open to them.

Cheers,
Sammy

1 Like
4

Hi @grabba

The improvements for tasks 2 and 3 are correct. :clap:

To be honest I have never seen the content property being used on an empty <img> and didn’t even know that worked. :sweat_smile:
Unfortunately, the problem is still the same: We have a purely decorative image element in our HTML. It’s just that the source was kind of delegated to CSS. The idea is to remove the <img> tag and use the background property on the <h1> tag to display the image. There’s a section in the learning area that contains information about background images:

Does that help? I can also give you additional hints if you like :slightly_smiling_face:

All the best,
Michael

1 Like
5

Hi @mikoMK
I tried the approach you suggested, it worked perfectly!!
Thank you for the feedback!!! :blush:

Cheers,
Sammy

1 Like