Question
All content pages are completed for the site and the site is uploaded to the course web server per instructions from your professor. Visit http:www.w3.org/WAI/RC/tools/
All content pages are completed for the site and the site is uploaded to the course web server per instructions from your professor.
Visit http:www.w3.org/WAI/RC/tools/ (Links to an external site.)Links to an external site. to locate tools to check for accessibility. There are some free online tools listed there, such as EvalAccess, which you can use to check your HTML code. Check your site and make any necessary corrections in your code. Conduct a user test with at least two people (spouses and kids are fine to use as testers). In addition to observing them using your site, have them fill out the form you created in Week 5. Take screenshots of the filled out forms to collect the user feedback. Create a short report (one page or less) detailing the results of the testing, including user suggestions and your response to those suggestions (whether you feel they are valid and whether they can be accommodated). Compare the user responses to your expectations of the user working with your site.
Upon completion, name your single, MS Word document as lastname_CIS363_projectWk7. Submit your testing report to the Dropbox along with the URL for your uploaded site.
the code pages i have are :
home.html with gallery(slideshow) < !DOCTYPE html> < html> < head> < link rel = "stylesheet" type = "text/css" href = "style.css" /> < /head> < body> < header>
Online Veterinarian Hospital and Rescue
< /header> < div class="container"> < div class="gallery-container" style="width:100%;"> < img class="myslides" src="../img/img1.jpg" style="width:100%"> < img class="myslides" src="../img/img2.jpg" style="width:100%"> < img class="myslides" src="../img/img3.jpg" style="width:100%"> < div class="gal-center gal-container gal-section gal-large gal-text-white gal-display-bottommiddle" style="width:96%">x[slideIndex-1].style.display = "block"; } < /script> < /body> < /html>
admission.html < !DOCTYPE html> < html> < head> < link rel = "stylesheet" type = "text/css" href = "style.css" /> < /head> < body> < header>
Online Veterinarian Hospital and Rescue
< /header> < div class="container"> < nav> < ul>We are to hire the professional vet doctors and animal rescue teams that will be on the lookout. If the animals are hurt or in need of help we will take care of them and heal them back to health. We save about 500 animals a month. We also take visits to the animal shelter so you can come pick out the animal you would like to save. < /p>
Donation < p> Anyone that can help the veterinarian care. Approximate cost of an animal is $100 and that food, medication and shelter. Donation helps us lead to get all the care for the animals in need. Your one Donation can help many animals in need. So, this part needs the most attention. You can become a member and help donate every other month to help us < /p> < table border="1" cellpadding="2" cellspacing="0"> < tr>
staff.html < !DOCTYPE html> < html> < head> < link rel = "stylesheet" type = "text/css" href = "style.css" /> < /head> < body> < header>
Online Veterinarian Hospital and Rescue
< /header> < div class="container"> < nav> < ul>Our staff details, < /p> < table border="1" cellpadding="2" cellspacing="0"> < tr>
< /article> < footer> your © website name < /div> < /body> < /html>
contact.html < !DOCTYPE html> < html> < head> < link rel = "stylesheet" type = "text/css" href = "style.css" /> < /head> < body> < header>
Online Veterinarian Hospital and Rescue
< /header> < div class="container"> < nav> < ul>Any complaint, please contact us at complaint@vetandrescue.com
Any question, please contact us at question@vetandrescue.com
Will get a call back in a one business day and cant wait to hear from you. < /p> < /article> < footer> your © website name < /div> < /body> < /html>
style.css div.container { width: 100%; border: 1px solid gray; } nav { float: left; max-width: 160px; margin: 0; padding: 1em; } nav ul { list-style-type: none; padding: 0; }
nav ul a { text-decoration: none; } article { margin-left: 170px; border-left: 1px solid gray; padding: 1em; overflow: hidden; width: 60%; } table { font-family: arial, sans-serif; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; text-align: center; } th { background-color: #dddddd; } .myImg{ cursor:pointer; } header, footer { padding: 1em; color: white; background-color: chocolate; clear: left; text-align: center; } #item_details{ margin-top:12px; } .myslides {display:none} .gal-left, .gal-right, .gal-badge {cursor:pointer} .gal-badge {height:13px;width:13px;padding:0} .gal-center{ text-align : center; } .gal-section, .gal-code{ margin-top: 16px!important; margin-bottom: 16px!important; } .gal-large { font-size: 18px!important; } .gal-container, .gal-panel { padding: 0.01em 16px; } .gal-display-bottommiddle { position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); } .gallery-container{ margin:auto; position: relative; margin-top:12px; } .gal-left{ float:left; color: #fff!important; background-color: #000!important; top: 50%; left: 0%; } .gal-right{ color: #fff!important; background-color: #000!important; float:right; }
feedback.html < !DOCTYPE html> < html> < head> < link rel = "stylesheet" type = "text/css" href = "style.css" /> < /head> < body> < header> < h1>Client Feedback Form < /header> < div class="container"> < nav> < ul> < li>Home < li>Admission < li>Staff Details < li>Contact us < li>Feedback < /ul> < /nav> < article> < strong>Feedback < p> Send us your feedback regarding your experience with us.We'd love to hear from you and improve your time with us. < /p> < form action = "thanks.html" method = "post"> < !--
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started