Assessment wanted for CSS/JS accessibility skill tests

MDN Learn
#1

Can I please get an assessment for the CSS and JavaScript accessibility skill tests?

Part 1 (CodePen)
Part 2 (CodePen)
Part 3 (CodePen)

Many thanks,

Jeffrey

#2

Hi @horusofoz

This is the first time I’m assessing this tasks. So let’s see how it goes for both of us :grin:

Overall a great job! Some small remarks:

  • Task 1: You should also consider keyboard navigation. This could be achieved by also adding li a:focus after li a:hover.
  • Task 2: Everything correct :+1:
  • Task 3: Correct :+1: To closer match the mouse behavior (show on click) you could also do something like this:
item.addEventListener('keyup', function(e) {
  if(e.key === 'Enter') {
    handleSelection(e);
  }
});

This would only show the text after pressing “Enter” while being on the list item.

Congratuations and have a nice day :slightly_smiling_face:
Michael

1 Like
#3

Thank you @mikoMK

Task 1: Updated with the focus selector.
Task 3: Implemented the recommended behaviour.

Thanks again and I hope your have a great day :slight_smile:

1 Like
#4

Nice! Now it’s perfect :heart_eyes:

1 Like