MrBazz / tea-cozy

0 stars 0 forks source link

Alt attributes #4

Open aubreywullschleger opened 5 years ago

aubreywullschleger commented 5 years ago

Subtlety for errors! Consider using descriptive alt attributes on your <img> elements, or leaving them empty, instead of omitting them entirely - like this: <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-4/img-berryblitz.jpg" alt="mug of tea with berries">. Using alt attributes is best practice and makes your site more accessible. We can leave alt attributes empty when the image does not add information to the content of the page - see this resource to help aid in your decision to give alt attribute values (or to leave them empty): https://www.w3.org/WAI/tutorials/images/decorative/

Also, be sure that each src attribute on your <img> elements has a valid URL. For example, line 37, the <img> element's src attribute should look like this: src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-4/img-spiced-rum.jpg". - That said, I think the link to the image is missing on the project page so I'll create a bug report for this! If this happens in future Codecademy projects feel free to right click an image (from the example page) and select 'copy image address' to copy the image URL for use in a project.