Lab 06 - Web Accessibility

1-What are each of the Errors, and how can they be fixed?

Error 1: Five Missing Form Labels - This error suggests that there forms don't have a presentable text label. This may not allow people to notice the form. This error is not visible on the home page. To fix this, add a descriptive title that could help viewers understand the use of the form.

Error 2: Four contrast errors - There is a low contrast between text and background color. One error was seen on this page. To fix this, colors which are complimentary to each other must be used.

2- What are each of the Alerts, and why does WAVE draw attention to them?

The first alert highlights an image doesn't have an alternate text. It states that although the title is there for when users hover above it, it won't help keyboard and touch screen users

The second alert notices 8 redundant links. It states that links that are close by take user to the same page, which may be tedious for keyboard and screen users

3-Which of the four WCAG Principles is WAVE referencing with each Error and Alert?

The alerts and errors are mostly associated with the 'Perceivable' and 'Operable' guidelines from the acronymn WCAG principles. The Perceivable guidelines highlight the importance of making content easy to find and understand. This is in regards to the errors found in the form labels and color contrast. The operable guidlines ensure that user interface and other components must work efficiently for all users, including keyboard users as highlighted in the errors and alerts.

4 - What do the Order and Structure tabs tell you about the site? Are there any problems with the organization of information?

The order and organization of the site is done well. It is not hard to maneuver through the site. With the help of headers, links and proper spacing between content, the site does not appear packed with too much information. The structure was arranged in an orderly manner that grouped common items together. Under the main section, we see how 'events' and 'info' have their details within their own category that separates them from others such as 'the city of Duncan'

5 - What do you learn about the page by disabling its styles?

All elements are visible with most being seen on a single line. The css being switched off removes items being arranged in an orderly manner. Another thing to notice is that errors and alerts that may have not been visible when the css was on are now present on the page It is as if they were hidden under other elements. Pictures are also larger and occupy more space than before.