Here I want to highlight the form. The form is an example of good accessibility practices. After looking at the HTML code we can see that the label and the corresponding form field are associated with each other because the for attribute and the id attribute are the same. Ex: for="cons_first_name" and id="cons_first_name".

This proper structure will make it easier for screen readers.

Here I want to highlight the image but I can only annotate text so my comments are for the IMAGE. I believe this would fall under the perceivable principle because it has to do with making the components presentable to users in whatever way they can perceive them.

This is an example of bad accessibility practices. If you take a look at the HTML code for the image, the alt code does not describe the image at all. Instead it says "© Staffan Widstrand / WWF". Poor use of the alt text attribute makes it difficult for visually impaired users as they use this to understand the images that they can not see.

Here I want to highlight the hyperlink. This falls under the operable principle. This is an example of good accessibility practices because the link is self-describing which can provide information for someone that uses a screen reader. The link is also not part of the paragraph and also near the end of the block of text which makes it easy to locate.

This is an example of good accessibility practice for the robust principle. If you look at the HTML code this title has an H2 header. Other section titles on the webpage also have H2 headers. This makes the webpage accessible to people that use screen readers because the common header tags make it easier to jump from section to section.

This is an example of the operable principle. Here in this example, the "hover interaction" is inaccessible for people with a motor impairment.