maroonshade / teacosy

0 stars 0 forks source link

alt Attributes #4

Open jordanwillis opened 6 years ago

jordanwillis commented 6 years ago

Lastly, don't forget about adding those alt attributes to your <img> elements! This is one of the most basic ways to make sure your website meets accessibility standards (e.g. will work well with screen readers and other similar tools).

https://github.com/maroonshade/teacosy/blob/f76f07e5e8b4f0ccf5371b39f3ed434c5792cc0d/index.html#L53 https://github.com/maroonshade/teacosy/blob/f76f07e5e8b4f0ccf5371b39f3ed434c5792cc0d/index.html#L57 https://github.com/maroonshade/teacosy/blob/f76f07e5e8b4f0ccf5371b39f3ed434c5792cc0d/index.html#L61 etc...

To be precise, alt attributes aren't required on all <img> elements, but in general you should use them on almost all of them. You can use this decision tree to help decide when they are needed vs. when they are can be skipped (this is rare though).

https://www.w3.org/WAI/tutorials/images/decision-tree/