This week project was about creating information page with hot links to resources on the topic of web accessibility.The web page should be compliance with the two sets of standards that are commonly used to guide accessible website design:
Developers duty- click on the image
WCAG and Section 508 (a summary for these rules can be found in WebAIM) . I started my research early this week to investigate the major aspects of this topic and collect information page with links to resources & tools that are found on the Internet for web developers. In the process of creating my web page using HML5 & CSS I was confused about the color that I need to implement, having personal taste shouldn’t be used if it violated the principles that will enable people with disabilities access your information. In fact I found out that following the guidelines when creating accessible webpage will make it standout from the crowed. We should always remember that we are not alone in the internet .
In this project I was trying to implement much of what I have learned so far in EdTecH 502 and follow accessibility guideline and I must say it wasn’t easy at all, because at each step I was thinking about WCAG & 508 rules and checking each element to see if it violated a principle. It was long enjoyable journey that I intend to make it a habit for me when creating future webpages.
Below you can find my Accessibility Hot link page. I have created
- Navigation bar with hover effect for the background
- Floating elements
- Hoover effects for active, visited, focus, hover, links
- Created Anchor links inside the page and to other resources in the internet
- Created my header and image quote
Once again looking for next week assignment!
Click on the image to view the page online
Noura Sa'd: EDTECH Learning Log 