Notes on Final Exercise Demo 1
Links to the Demo 1 pages:
Accessibility Errors Found On the Inaccessible Demo 1 Page
- Missing page title.
- Missing page language.
- Missing language attribute for Spanish Language in footer.
- Missing alt text for 2 static images (TWC logo and More Info heading text.
- Missing alt text for image link (Texas Flag).
- Missing label for search field in the banner.
- Scrolling text heading in left sidebar navigation.
- Missing H1 heading.
- Missing lower level heading tags in main content area, right sidebar, and footer.
- Footer heading is an image of text instead of plain styled text.
- Cannot reach navigation links in the left sidebar with the keyboard.
- Contrast error: Green text links on yellow background in the footer have insufficient contrast.
- Color is used to convey meaning in the footer (green link text indicates internal links).
- Tab order is not logical. You tab from the Home link to the Search field, then continue
- Missing skip to main content link.
- The video captions are not correct.
Best Practices Not Being Followed
- Non-specific link text: Click here for more.
- The See Here heading in the left sidebar is not very meaningful.
- A numbered list was used for Core Principles instead of an unordered list. This is not necessarily a problem; you must make a judgment call: a numbered list should be used only if the order is significant.