Star Wars API - technical documentation project

Hello and welcome!

I have just finished the 4th project - the technical documentation and I am waiting to hear your opinions!

full: https://codepen.io/CrispyBaconStrips/full/rNeeaVJ
code: https://codepen.io/CrispyBaconStrips/pen/rNeeaVJ

It passes all tests and code validations. My main concern is color choice - I have been struggling with that. Is there a way to do contrast validation on codepen projects? So far all validators gave back an error.

Thanks and may the Force be with you!

2 Likes

Good job! You can inspect elements one by one in Chrome Devtools and this will give you Accessibility hints:

Screenshot 2020-08-23 at 18.45.55

In addition to that you can run Lighthouse report (also inside the Devtools)

1 Like

Oh, that’s right! I remember once looking at the inspected element’s accessibility details and thinking ‘That’s cool’. But when I needed it, I completely forgot about it :smiley:

Thanks for the tip!