WEB ACCESSIBILITY EVALUATION

2 weeks
Aishwarya Sheth
Project 1 of H590, Spring 2018
The web accessibility evaluation was performed on a "wipro.com". I used the wave tool to recognize the errors related to accessibility and manually by inspect element and voice over. It was interesting to understand the various accessibility errors related to the website like missing <h1> tag and alternative text for some images. I also found out the color contrast problem and suggested solution to them. Making this report, I understood the basic accessibility errors a website could have and how they could be easily solved if paid attention to. With the help of this project, I understood the W3C standards for accessibility.
Smell
The Report
Letting the user being involved in the starting phases of the development and design. When an upgrade is to be made, making sure that the upgraded website is accessible by reviewing it from an accessibility expert. Hiring a developer who has some accessibility experience to make necessary changes in the website.


1. Executive Summary
This report describes the conformance of the website with W3C's Web Content Accessibility Guidelines (WCAG). The review process is described in Section 5 below and is based on evaluation described in Accessibility Evaluation Resources.
Based on this evaluation, the wipro.com website is close to meeting WCAG 2.0, Conformance Level A. Detailed review results are available in Section 6 below. Feedback on this evaluation is welcome.
2. Background about Evaluation
Conformance evaluation of web accessibility requires a combination of semi-automated evaluation tools and manual evaluation by an experienced reviewer. The evaluation results in this report are based on an evaluation conducted on the following date: 02/07/2018. The website may have changed since that time.
3. Website Reviewed
-
Name of the website: wipro.com
Wipro Limited is a global provider of comprehensive IT solutions and services, including Systems Integration, Consulting, Information Systems outsourcing, IT-enabled services, R&D services
-
Base URL: https://www.wipro.com/
-
Pages reviewed :
https://www.wipro.com/
https://www.wipro.com/digital/
https://www.wipro.com/innovation/
The following pages were reviewed manually using tools like voice over and inspect element :
-
URL's excluded from the review: The rest of the website excluding these three pages above weren’t reviewed.
-
Exact date on which review conducted: 02-07-2018
-
Natural language of website: English
4. Reviewer
-
Name of reviewer: Aishwarya Sheth
-
Organization with which reviewer is affiliated: IUPUI
-
Contact information for reviewer: adsheth@iu.edu
-
Reviewer areas of expertise: Web technologies, Use of a variety of evaluation tools for Web site accessibility, Use of a variety of evaluation tools for Web site accessibility.
-
Natural language with which reviewer is fluent: English
5. Review Process
-
WCAG 2.0 Level for which conformance was tested: WCAG 2.0 Level A, AA.
-
Validation tools used and version thereof: Wave Evaluation Tool, 1.0.9
-
Description of manual reviews: Manual reviews conducted by me include inspect element and voice over. Using inspect element, I found a missing heading for the page and images missing the alternative texts were found when I used the voiceover on my laptop.
6. Results and Recommended Actions
-
Interpretative summary of review results
This website is close to meeting WCAG 2.0 A level
-
accessibility features in which this site is strong include
-
Null or empty alternative text
-
image with alternative text
-
A layout table is present.
-
A second,third and fourth level headings (<h2><h3><h4> elements) are present.
-
Recommended priorities for addressing inaccessible features of the site:
-
Missing or uninformative page title
-
Missing alternative text
-
Linked image missing alternative text
-
Missing form label
-
Empty link
-
Three Selected Problems and Recommendations
-
Missing or uninformative page title
-
Contrast Errors - Very Low Contrast
-
Missing alternative text
-
Include links to WCAG 2.0 success criteria and techniques for all non-conformant items
-
Missing or uninformative page title
https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-title -
Contrast Errors - Very Low Contrast
https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast
-
Missing alternative text
https://www.w3.org/WAI/WCAG20/quickref/#qr-text-equiv-all
-
specific reports in appendices
-
Missing or uninformative page title1
-
Contrast Errors - Very Low Contrast2
-
Missing alternative text3
provide recommendations for addressing non-conformant checkpoints
-
Missing or uninformative page title1
The code is missing a header tag in the body.
<body>
<h1>Wipro home page<h1>
</body>
Adding this header tag in the body would let the user understand what the page about.
2.Contrast Errors - Very Low Contrast2
Current colors
Foreground Color: ffffff
Background Color: 6e86a9
Contrast Ratio: 3.72:1
Changes proposed
Foreground Color: ffffff
Background Color: 6b717a
Contrast Ratio: 4.92:1
3.Missing alternative text3
alt text= “the global presence of Wipro over the world”A
alt text= “people working at Wipro office”B
alt text= “An inside look at the Wipro office”C
alt text= “Close the side menu”D
alt text= “Next”E
-
Describe or point to a suggested program of on-going monitoring of website accessibility, re-evaluation of authoring tools, etc
7. References
-
Web Content Accessibility Guidelines (WCAG) Overview
https://www.w3.org/WAI/intro/wcag
-
Web Content Accessibility Guidelines 2.0
-
Techniques for WCAG 2.0
https://www.w3.org/TR/WCAG20-TECHS/
-
Accessibility Evaluation Resources
-
Web Accessibility Evaluation Tools List
https://www.w3.org/WAI/ER/tools/
-
Using Combined Expertise to Evaluate Web Accessibility
https://www.w3.org/WAI/eval/reviewteams
-
Images
http://www.mediacurrent.com/blog/describing-images-improved-web-accessibility
8. Appendices
-
Reference 1
-
Reference 2
-
Reference 3


Image A
Image B

Image C

Image D
