StudySolver – News and Tips for Studying

Analysis Of Web Accessibility



Analysis in charge of:


ID: 101995411


Overview of the report:

The report is made to summarise the accessibility of the

webpage developed in the second assignment.The webpage accurately follows the principles familiarized by WCAG 2.0.The report is done by closely analysing the webpage with accessibility plugins of chrome browser. Extensive research was performed to evaluate the website and several rectifications were proposed to counter few flaws.

Website link :


Website Introduction :

The website developed in this case study is a personalised illustration of the developer’s biography.This website is inclusive of various webpages which are rendered in HTML,PHP and SQL databases.


The first webpage named as “Index” contains demographic information of the developer like name, race, sex ,educational qualifications among others.


The next webpage displays detailed information of author’s hometown. It consists information about the History and Geography of the author’s hometown.


Quiz webpage makes use of forms and php server-side scripting to give the user an intuitive quiz experience.


Enhancements page lists all the auxiliary improvements made to the webpage. Every enhancement is provided with a hyperlink that is used to directly take us to that particular enhancement.

Objective of the report :

The prime goal of this report is to evaluate the accessibilities of the website created in assignment 2 and in the process must have to find errors . Proper suggestions must also be given to counter these errors.

Contents of Report:

1) Accessibility Analysis 7

1.1 Method of analysis 8

1.2 Tools used for analysis 8

1.3 Accessibility analysis of the website 9

1.4 Findings of the analysis 10

1.5 Discussion of findings 11

2) Conclusion 12

2.1 Conclusion drawn from the analysis 13

2.2 Recommendations for improvement 13

3) References 14

4) Appendix 16


ANALYSIS 1.1 Method of Analysis:

1“Web Content Accessibility Guidelines (WCAG) 2.0 defines how to make Web content more accessible to people with disabilities. Accessibility involves a wide range of disabilities, including visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities. Although these guidelines cover a wide range of issues, they are not able to address the needs of people with all types, degrees, and combinations of disability. These guidelines also make Web content more usable by older individuals with changing abilities due to aging and often improve usability for users in general.

WCAG 2.0 is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of providing a shared standard for Web content accessibility that meets the needs of individuals, organizations, and governments internationally. WCAG 2.0 builds on WCAG 1.0 [WCAG10] and is designed to apply broadly to different Web technologies now and in the future, and to be testable with a combination of automated testing and human evaluation. Web accessibility depends not only on accessible content but also on accessible Web browsers and other user agents. Authoring tools also have an important role in Web accessibility.”1

Following are the principles set by WCAG 2.0 :

1) Perceivable

2) Operable

3) Understandable

4) Robust

1.2 Tools used for analysis :

There are a lot of evaluation tools accessible from the internet that are used for analysing accessibility of websites. Browsers have plugins that are used for such applications.Some of the popular tools we use for analysing web accessibility are :

1)Accessibility Developer Tools(Chrome)

2) WCAG Contrast Checker (Firefox)

3) Accessibility Scripts Toolbar (Firefox).

In this report we are employing the ‘Accessibility Developer Tools’ for auditing the website for accessibility.

1.3 Accessibility Analysis of the website :

The auditing of website has lead to the conclusion that the website belongs to A conformance level.This means that the website has received low level of conformance in WCAG 2.0 .


The analysis is further explained via the 4 principles of WCAG 2.0

1) Perceivable :

The website is presented in such a way that users are conscious of all the components. The use of colour, contrast is also optimised so that all groups of people could view it.The Data in table is also clearly visible as the background colour is set to white.

2) Operable :

The website follows the second principle of WCAG 2.0 as well because the whole website can be accessed through keyboard and mouse.The website’s layout also makes sure that it doesn’t cause any seizures.

3) Understandable :

All of the webpages were found to have an ordinary layout that made the users to operate the pages in predictable ways.The quiz page also avoids the user from inputting wrong user IDs and hence inculcating error identification.

4) Robustness :

The webpage allows robustness by implementing perfect parsing in its code.The webpage is also compatible with the future generations of users.

1.4 Findings of the analysis :

The analysis has lead to the discovery of few warnings and reviews . The warnings are addressed below :

1) Adaptable

2) Enough Time

3) Navigable

1.5 Discussion of Findings :

1) Adaptable :

The webpage consists of non distinguishable markings (i.e) similar kinds of landmarks were not named. Though the table has been given a caption , a summary tag must be given to the table since the table contains complex data.

2) Enough Time :

Enough time was thrown as review by the tool as it thinks that some sort of time limit is set to the page.But since there is no time limit set , we could safely conclude that the page obeys this principle.

3) Navigable :

There is no direct link provided in every page to hop unwanted and redundant content.We need to create a link that must be the focusable control on the webpage.


2.1 Conclusion drawn from the Analysis:

The final outcome of the analysis was that in order to gain conformance , a webpage should follow all the guidelines set by WCAG 2.0 . It is hard to recode a webpage after it is full completed. So, the developers must make sure that all the guidelines of conformance levels are being fulfilled simultaneously while developing the website.

2.2 Recommendations for improvements :

1) Adaptable:

We can assign the landmarks with “aria-labelledby” attribute that counters with the Info and Relationships warning. Proper captions should be assigned where needed.

2) Navigable :

This warning can also be dealt with by adding a hyperlink on top of every webpage.This hyperlink must be able to redirect to the main content of of every webpage.

3) Enough Time :

We can use some server side methods to reload a webpage after a timeout happens.We could even let the user to decide if he wants the time limit or not.

3. References

1. Ben, Michael , Loretta and Gregg , D 2008 ,Web Content Accessibility Guidelines (WCAG) 2.0,11th December , viewed 22nd October 2018,


Conformance : Satisfying all the requirements of a given standard, guideline or specification.

Info and Relationships :Information structure, and relationships conveyed through presentation can be programmatically developed or are available in text.

3. Parsing : In content implemented using markup languages, elements have

complete start and end tags, elements are nested according to their specifications.

Freelance Writer

I’m a freelance writer with a bachelor’s degree in Journalism from Boston University. My work has been featured in publications like the L.A. Times, U.S. News and World Report, Farther Finance, Teen Vogue, Grammarly, The Startup, Mashable, Insider, Forbes, Writer (formerly Qordoba), MarketWatch, CNBC, and USA Today, among others.