Mobile Web Page Designing Report: Accessibility Analysis

This report provides a comprehensive analysis of web page design, with a particular focus on accessibility in the context of mobile web applications. The introduction highlights the growing importance of the internet and web-based applications, emphasizing the need for advanced web development techniques and improved human-computer interaction. The report explores dynamic web technologies, explaining how they enhance user experience by enabling content updates without page refreshes, and discusses the significance of accessibility guidelines, such as WCAG 2.0, to ensure web content is accessible to all users. The working procedures of dynamic elements, including the use of CSS, JavaScript, and AJAX, are examined, along with methods for detecting changes in web pages. The report then delves into accessibility evaluation tools like QualWeb Evaluator 3.0 and interaction simulators, detailing their role in assessing the usability of web applications. An experimental study is presented, analyzing the impact of new elements on accessibility warnings and failures. The discussion section emphasizes the importance of evaluating all states of a web application to enhance accessibility. Finally, the report concludes with a summary of the findings, highlighting the need for continuous improvement in web design and accessibility practices, and suggests directions for future research, such as removing limitations on redirections and testing more applications. The report is well-referenced with academic sources and uses APA formatting.

Running head: WEB PAGE DESIGNING
Web Page Designing
Name of the Student
Name of the University
Author Note

1WEB PAGE DESIGNING
Table of Contents
Introduction:...................................................................................................................2
Dynamic Web:...............................................................................................................2
Guideline for Accessibility:.......................................................................................3
Working Procedure of the Dynamics:........................................................................4
Detection of Changes:................................................................................................4
Accessibility Evaluation of the Web Based Application:..............................................5
QualWeb Evaluator 3.0:.............................................................................................5
Interaction Simulation:...............................................................................................5
Experimental Study:.......................................................................................................6
Discussion:.....................................................................................................................6
Designing of the Webpages:......................................................................................6
Web Accessibility Impact:.........................................................................................7
Experiment Constraints:.............................................................................................7
Conclusion:....................................................................................................................7
References:.....................................................................................................................9

2WEB PAGE DESIGNING
Introduction:
In the current situation the internet is growing constantly in the respect of both the
complexity and the size. Information sharing has become one of the common aspects of
internet services. As the internet services are growing constantly, with that development of
the web based application is also growing constantly. In the section of the Web development
web based mobile application is one of the most important aspect. In the mobile environment
this web based application requires some advanced and new web development techniques and
improved human computer interaction (Thelwall & Kousha, 2015). In many of the cases also,
a well-developed web based app can create some real issues while the web materials accessed
through this application. Also, in most of the advanced scrutiny check this type of
accessibility issues can be unnoticed from the eyes of the developers.
In this paper enhancement of the QualWeb Evaluator will be done accessibility
evaluation of the web based mobile application can be performed in this context. Currently it
has been assessed that the new features of the QualWeb Evaluator are addition of a new
module which permits automatic navigation using the Web page, implementation of tests
which are the WCAG 2.0 and continuous observing of changes in the HTML DOM (Yanie et
al., 2018). Usability evaluation of the web based application is very much important so that it
can be ensured that the developed web based applications are able to fulfil the basic needs of
web based application. Thus in this context usability evaluation of the web based application
will be done.
Dynamic Web:
Dynamic web is actually very much important concept in the context of web based
applications as the web based application retrieves new type of contents by utilising the
JavaScript and for that refreshing a web page is not required at all. The mobile application of

3WEB PAGE DESIGNING
the Gmail is one of the prior example of this where the users do not need to necessarily
refresh the inbox of the mail. Mail box automatically shows the new mails when it arrives.
This actually makes the usability of the application much better.
With the addition of the dynamic web pages to the mobile web based application new
features can be easily added to the system which will increase the usability of the system
quite more. Through this technology the content of the Web based application are updating
constantly. This type of technology is very much important for the web based applications
which are mainly used for online tracking related services, email address services and for the
stock ticker relate services. Thus implementations of the dynamic webpages are very much
important for a good accessibility of the web based applications. In this context the dynamic
type of web based application also helps in the case of content which is shown in the
webpage of the mobile. This can optimise the view of the webpages through the mobile
application by hiding or displaying some of the HTML elements. In many of the cases also
this dynamic webpages even inject some new HTML code or it can also some of the existing
codes.
Guideline for Accessibility:
An accessible type of web based mobile application means this content of the web
pages will be accessible by all of the peoples regardless with any type of impairments. Thus
the accessibility of the webpage can have some of the barriers also make the content not
accessible by all of the persons (Schiavone & Paternò, 2015). Thus a web based application
which excludes some specific type of users from its services cannot be classified as
accessible.
Thus in this context it is very much important to create webpages which will be
accessible by all of the peoples. This type of webpages can be created by following the Web

4WEB PAGE DESIGNING
Content Accessibility Guidelines. This guideline encourages the developer and the designers
to construct and evaluate the webpage as per the rules of some best practices. In current
context the Web Content Accessibility Guidelines 2.0 is consisting a total 12 number of
guidelines which are important address most of the problems with some of the disabilities of
a web based mobile application. The guideline makes web based application and the content
of it more accessible. Some most of the important WCAG 2.0 are providing the text
alternatives for any type of non-text contents and in many of the cases one type of contents is
changed in some other type of content for the accessibility of the users. Through the dynamic
webpages these in most of the cases it can be achieved automatically but for many of the
cases human testers are required, for the cases which are complex in nature. Also, human
evaluation is required for bigger number of Web related applications.
Working Procedure of the Dynamics:
For making a webpage dynamic in nature utilization of the Cascading Style Sheets
(CSS) and JavaScript is the most regular implementation. In some recent years
implementation of the CSS has increased more designing of the webpages. Scripting is also
another form which is utilised for making a webpage dynamic in nature and for that AJAX
concept can be utilised in this context. In this context it has been assessed that while a web
based application starts loading it consists three of the most important phases which includes
loading of the webpage itself, scripting and loading of AJAX with media and image files
(Wang, Krishnamurthy & Wetherall, 2016). After all the components of web loads into the
web based application it starts executing in four sequential ways which are the requests,
parsing, DOM ready and DOM load and after that page become available to the users.
Detection of Changes:
The concept of AJAX is consisting event-driven nature which first of test the
difficulty (Dutta et al., 2016). For accessing those of the event driven changes one of the most

5WEB PAGE DESIGNING
important strategy is the web crawler. One of the prior example in this case is the user
interface with some clickable elements (Pan et al., 2017).
Accessibility Evaluation of the Web Based Application:
The main two process for evaluating the web based application are the QualWeb
Evaluator and Interaction Simulator. In the following section both of these will be discussed
briefly.
QualWeb Evaluator 3.0:
In the current time for the accessibility evaluation of the web based application
QualWeb Evaluator 3.0 is the most reliable one which is the upgraded version of the
QualWeb Evaluator 2.0. This implemented QualWeb Evaluator 3.0 is capable of evaluation
of the web accessibility for each of the HTML DOM tree. This DOM tree are actually gained
by the interaction simulator. In this case for execution of the simulation QualWeb Evaluator
3.0 utilises techniques component (Sanoja & Gançarski, 2015). Through this QualWeb
Evaluator 3.0 is capable of evaluation of total 26 types of techniques. With that the QualWeb
Evaluator 3.0 is also capable of tailoring the results in specific type of serialization using the
formatters component.
Interaction Simulation:
Many of the components are responsible for simulation of the activating and actions
with interactive type of elements for making changes within the HTML document. In this
case first simulation has been done of the web based application by utilization of the CasperJs
(Machiela & Chanock, 2015). This is a specific type of navigation scripting. It actually works
such as a WebKit based web browser with having no need of displaying everything within
the screen. In this context Crawlers can be also used for performing simulation of the several
stages of the web based application (Miniukovich et al., 2019). While every time a new

6WEB PAGE DESIGNING
version of the web system is detected a specific type of scan is executed for the new
interactive elements. The interaction simulation is able to navigate web based application
until all the elements of the webpages are activated.
Experimental Study:
In this study analysis of the web accessibility has been measured from the web
application. The results from this study are discussed in the following section.
From the study is has been assessed that there some significant amount of differences
in the detected HTML elements by the evaluation of the web accessibility. From the research
it has been assessed that there are on average 5 types of states per page. This defines that each
of the pages are having five different types of scenario for a same type of webpage. This are
triggered for interaction with the users (Nir & Rimmerman, 2018). It is also assessed that
inclusion of some new type of elements can increase the warnings on average 10% and
number of fails can also increase in this case by 4% per page.
Discussion:
From the experiment various of interesting has been discovered which is higher
percentage pass while compared with the total fail percentage. Also, it has been assessed that
problems are also increasing when a new page will be considered. Also, there are some of the
problem which cannot be identified and for that it cannot be corrected.
Designing of the Webpages:
In this context it has been assessed that by the evaluation procedure of all the states of
the web application designers will be able to access more contents which will be accessible
more in nature (Li et al., 2017). This can be gained as more complete analysis can be

7WEB PAGE DESIGNING
achieved in this case. Through this accessibility of the web based can be enhanced (Rau et al.,
2016).
Web Accessibility Impact:
From obtained results it has been assessed that there are possibility for the researcher
and the experts for the automatic evaluation of all the available states which can be triggered
within a page, without any type of need of the human intervention for triggering them. The
methods of assessment also need to be modified for stopping the consideration of webpages
as unique in each of every stages (Zhang, Sun & Xie, 2015). From each of the dynamic web
application it has been assessed that there can be a final complete application within a single
page. In the previous type of evaluation there are only considerations that a simple web page
without any type of content that can appear while triggered (Carrazza et al., 2015).
Experiment Constraints:
The main constrains for this experiment are the:
 Number of redirection to the pages has been allowed which reduced total number of
states per page.
 Here the WCAG 2.0 has been covered (Chaniotis et al., 2015).
 The number of applications on the Web application.
Conclusion:
From the above discussion it can be concluded web pages are becoming more and
more complex and are evolving from just displaying simple type of information. Application
has been developed for accessing the web pages. Thus by properly evaluating all of the
scenarios it has been assessed that there are several of evaluation and procedures and there
are also various of regular evaluation in this case that are utilised on the webpages. Also, in
this context there are also several of states where each of the pages can be tracked through the

8WEB PAGE DESIGNING
web based application. The ongoing works can be conducted through following of directions
which are the following:
 Limitation of the redirection need to be removed.
 More application can be tested through this.
 Implementation of more types of techniques.

9WEB PAGE DESIGNING
References:
Carrazza, S., Ferrara, A., Palazzo, D., & Rojo, J. (2015). APFEL Web: a web-based
application for the graphical visualization of parton distribution functions. Journal of
Physics G: Nuclear and Particle Physics, 42(5), 057001.
Chaniotis, I. K., Kyriakou, K. I. D., & Tselikas, N. D. (2015). Is Node. js a viable option for
building modern web applications? A performance evaluation
study. Computing, 97(10), 1023-1044.
Li, L., Wang, C., Song, S., Yu, Z., Zhou, F., & Bu, J. (2017, April). A task assignment
strategy for crowdsourcing-based web accessibility evaluation system. In Proceedings
of the 14th Web for All Conference on The Future of Accessible Work (p. 18). ACM.
Machiela, M. J., & Chanock, S. J. (2015). LDlink: a web-based application for exploring
population-specific haplotype structure and linking correlated alleles of possible
functional variants. Bioinformatics, 31(21), 3555-3557.
Miniukovich, A., Scaltritti, M., Sulpizio, S., & De Angeli, A. (2019, April). Guideline-Based
Evaluation of Web Readability. In Proceedings of the 2019 CHI Conference on
Human Factors in Computing Systems (p. 508). ACM.
Nir, H. L., & Rimmerman, A. (2018). Evaluation of Web content accessibility in an Israeli
institution of higher education. Universal Access in the Information Society, 17(3),
663-673.
Pan, S., Fan, J., Yu, S., Wang, B., Jia, X., Hu, R., & Zhu, Q. (2017, May). A Method of
Behavior Evaluation Based on Web Browsing Information. In 2017 International
Conference on Smart Grid and Electrical Automation (ICSGEA) (pp. 697-700). IEEE.

10WEB PAGE DESIGNING
Rau, P. L. P., Zhou, L., Sun, N., & Zhong, R. (2016). Evaluation of web accessibility in
China: changes from 2009 to 2013. Universal Access in the Information
Society, 15(2), 297-303.
Sanoja, A., & Gançarski, S. (2015, April). Web page segmentation evaluation.
In Proceedings of the 30th Annual ACM Symposium on Applied Computing (pp. 753-
760). ACM.
Schiavone, A. G., & Paternò, F. (2015). An extensible environment for guideline-based
accessibility evaluation of dynamic Web applications. Universal access in the
information society, 14(1), 111-132.
Thelwall, M., & Kousha, K. (2015). Web indicators for research evaluation. Part 1: Citations
and links to academic articles from the Web. El profesional de la información, 24(5).
Wang, X. S., Krishnamurthy, A., & Wetherall, D. (2016). Speeding up web page loads with
shandian. In 13th {USENIX} Symposium on Networked Systems Design and
Implementation ({NSDI} 16) (pp. 109-122).
Yanie, A., Hasibuan, A., Ishak, I., Marsono, M., Lubis, S., Nurmalini, N., ... & Ahmar, A. S.
(2018, June). Web Based Application for Decision Support System with ELECTRE
Method. In Journal of Physics: Conference Series (Vol. 1028, No. 1, p. 012054). IOP
Publishing.
Dutta, B., Azhir, A., Merino, L. H., Guo, Y., Revanur, S., Madhamshettiwar, P. B., ...
& Buehler, E. (2016). An interactive web-based application for Comprehensive
Analysis of RNAi-screen Data. Nature communications, 7, 10578.
Zhang, Y., Sun, Y., & Xie, B. (2015). Quality of health information for consumers on the
web: a systematic review of indicators, criteria, tools, and evaluation results. Journal
of the Association for Information Science and Technology, 66(10), 2071-2084.