Software & Websites Evaluation For Accessibility and Usability Report

Software & Websites Evaluation for Accessibility and Usability Report
Roushdat Elaheebocus
School Of Electronics and Computer Science
University of Southampton, UK
re1e08@soton.ac.uk
Abstract. In this report we have evaluated two software applications; Windows

Live Messenger & Mozilla Firefox and two websites; Government of Mauritius
portal & Asda's E-Commerce site. A number of accessibility and usability issues
have been identified. Finally we have proposed some assistive technologies
that can be used to enhance the different accessibility aspects.
Keywords: accessibility, usability, assistive technology, government of

Mauritius, Asda, windows live messenger, Mozilla Firefox
Table of Contents
1 Introduction.......................................................................................................................................1
2 Software Applications.......................................................................................................................2
2.1 Microsoft's Windows Live Messenger v8.5 (Instant Messaging Software).............................2
2.2 Mozilla Firefox v3.0.5 (Web browser).....................................................................................3
3 Websites.............................................................................................................................................4
3.1 Government of Mauritius' Web Portal......................................................................................5
3.2 Asda's Website (E-Commerce).................................................................................................6
4 Assistive technology description and analysis .................................................................................7
5 Conclusion.........................................................................................................................................9
6 References.........................................................................................................................................9
7 Appendices......................................................................................................................................10
Appendix A. Windows Live Messenger........................................................................................10
Appendix B. Mozilla Firefox.........................................................................................................21
Appendix C. Government of Mauritius.........................................................................................24
Appendix D. Asda..........................................................................................................................34
Page 1/40
1 Introduction
The larger the group for which it is made possible to access a service, the more
accessible the service is considered to be. Accessibility is often associated with
people having disabilities requiring special considerations such as the use of
assistive technologies.
Usability for websites and software applications revolves around the ease of
use and level of satisfaction that a particular group of users achieve while
carrying out tasks. The better the usability, the higher will be the software's
acceptance rate [1] among users.
A review of two software applications, namely: Windows Live Messenger &
Mozilla Firefox and two websites: Government of Mauritius' web Portal & Asda's
E-Commerce site will be performed with emphasis on the above-mentioned
qualitative properties which are accessibility and usability.
2 Software Applications
The basic principles of accessibility and usability should always be applied by
adopting a “user-centred” approach during the design-phase [2] of software
applications. We have proceeded with the accessibility assessment by
reviewing features that enhance the applications' accessibility and areas that
can be problematic for disabled users. To have an idea about the ease of use of
the two software, we have taken into consideration the five main heuristics
that are well-known for gauging usability which are: learnability, efficiency,
memorability, error, satisfaction.
2.1 Microsoft's Windows Live Messenger v8.5 (Instant Messaging Software)

The developers have put considerable efforts in incorporating accessibility
features in the software commonly referred to as Live messenger. Menu items
are fully accessible using both keyboard short-cuts and mouse . Font
properties are customisable by setting properties such as colour and size.
However users can only modify their own font attributes and are unable to do
it for the ones they are communicating with. Backgrounds can also be set to
match by users but contrast adjustment is not available. The use of both
Page 2/40
animating pop-ups and customisable sound alerts make it possible for visually
impaired and deaf people to benefit from this instant messaging software. The
different options available for input and output make Live Messenger accessible
to a wide range of disabled people. Normal text input through keyboard can be
used by people having difficulties to speak. An option is provided to use
handwriting via a mouse or graphic tablets which proves useful to those not
comfortable with keyboards. Voice calling allows people with disabilities such
as motor-related and blindness to communicate with ease through
microphone. The video option proves very useful for those that can only use
sign-language.
Using the application is intuitive and very rarely do users require the use of
documentation to start using Live Messenger. Contacts can be listed in user-
defined groups and in accordance to their online/off-line status indicated by
green and grey colours. This can be an issue for people having difficulty
distinguishing colours. A search facility enables searching contacts and another
one for web searching. The former increases users' efficiency when they have
to find a particular contact. A problem though is the short-cut icon used to add
a new contact, it is so small that it requires considerable effort to be located
.Double-clicks are used to launch a conversation window with a particular
contact and the focus is automatically set to the typing area. The conversation
logging system helps users remember about the last conversation they had
with someone and as a bonus, a small part of the past conversation together
with a link to view full past conversation is already included when a fresh chat
window is open. Personalised nicknames can be added to everyone in the
contact list to facilitate remembering who is who. To that goal, a display
picture also helps a lot. There are some instances where messages are not
delivered for no particular reasons and users are left in the dark as to why
message delivery has failed. Animated advertising banners are quite disturbing
to users specially those suffering from seizures but cannot be turned off.
Overall, users are fairly satisfied with Live Messenger according to informal
interviews we performed.
Page 3/40
2.2 Mozilla Firefox v3.0.5 (Web browser)
Being gateways to the World Wide Web for millions of Internet users including
disabled people, accessibility is crucial. In this optic, a lot of work has been
done to tackle accessibility issues. Font properties from webpages can be
overridden with users' own choices. This includes setting a minimum font size
and also disabling style-sheets. Zooming for a whole page and for text only is
available thus helping those with vision-related disabilities. Images, Java
applets and JavaScript can be easily disabled from the menu options. These
features are specially useful for surfers who are using screen readers. All menu
options are accessible through keyboard short-cuts [4].
The basic components needed to start using the browser is easy to find and
thus surfers can use the software in very little time without the need for
reading user manuals. But in case the use for some advance features is
important, guidance is readily available from the help menu. Firefox has been
popular for the use of 'tabs' which are basically webpages opened within the
main browser window and are accessed by clicking on different tabs. This avoid
users the nuisance and confusions often caused by sudden change of windows.
The search facility provided by the browser helps both disabled and normal
people to locate specific terms within a web-page and the result is highlighted.
Quick one-click bookmarking of pages also means users no longer need to
remember lengthy website addresses. Short-cuts to webpages can be added
by click-dragging to the browser's menu-bar.
Application crash occurs very rarely but when it does, the next time it is re-
launched, the user is given the option to reload all webpages that were
previously opened at the time of crash. This facility is also available to those
who accidentally close the browser; they are given the option to save its
context.
As for user satisfaction, the increasing share of Firefox in terms of browser
adoption speaks for itself: from less than 4% in 2005, it is more than 20% to
this date [8].
Page 4/40
3 Websites
Many believe that making websites accessible usually means sacrificing the
fancy looks and losing potential visitors. But the reality is the reverse; making
website more accessible tends to increase user fidelity. Usability is also
important for websites since if a user finds it difficult to perform a task on a
website, he/she will simply leave.
Since websites can have hundreds of web pages, we have only taken samples
of 12 pages which are most likely to be accessed. Manual design reviews have
been performed as well as the use of web-based tools to validate codes and
style sheets. Accessibility assessments, web browsers and Operating Systems
compatibility checks have also been performed online. Screen-shots are
available in the appendix.
3.1 Government of Mauritius' Web Portal

Manual review of the website revealed serious accessibility barriers on almost
all the webpages in the website despite a link labelled “Accessibility
Guidelines“on the homepage indicating how the website has been designed
with accessibility in mind. That link itself makes use of JavaScript to launch a
pop-up. Same situation for menus on the different pages which are completely
invisible if JavaScript is disabled and in case it is not, menu items are
accessible only through mouse pointer. Very few images make use of the alt
tag to provide a description. Users have to register for some services and on
the registration page, there is an image “captcha” without any audible
alternative. Notable inconsistencies exist in the design of different sections of
the website along with the spawning of new windows when links are clicked
which is very disorienting. Using an online tool, the following results have been
obtained:
Page 5/40
Average Average Remarks
Errors/pag Warnings/page
e
Accessibility Check [9] 33 - Most common problems being use of
tables for layouts and missing alt
tags
(X)HTML Validation [12] 69 37
CSS Validation [11] 30 40
Browser and Operating OK - As long as the browsers have
System Compatibility JavaScript enabled, the pages load
(using Browsershots[10] ) well. However, the web designers
recommend an old version of
Internet Explorer to view it.
In terms of usability, the links of each webpage consists of a lengthy string of

random characters which makes it completely impossible for normal surfers to
use the link in order to derive their location within the website. The main pages
are overloaded with links to resources that even regular visitors will feel lost.
Fortunately a search facility is provided to search within the website. However,
it is only a general search and does not provide users the opportunity to refine
their search through parameters. Extensive use of PDF documents are made in
the website and have been causing browser-crashes. Finally the aesthetic
feeling of the website is very bad and inconsistent throughout.
3.2 Asda's Website (E-Commerce)
The website must have been designed with accessibility in mind since the
online accessibility tool [9] found no accessibility errors on more than 50% of
the pages as shown in the table below:
Page 6/40
Average Average Remarks
Errors/page Warnings/page
Accessibility Check [9] 4 - No accessibility errors on more than
50% of sample pages were
uncovered. And the average of 4
errors was minor problems such as
no labelling for a few single
checkboxes and missing titles for
frames.
(X)HTML Validation [12] 2.5 - There were between 0 to 5 errors per
page. But with a few exceptions
reaching up to 205 errors caused by
a repetition of the same error.
CSS Validation [11] 7 483 Few CSS errors were found and the
483 warnings are due to the CSS
Validation tool detecting the use of
the same colour for text and
background in some location. But in
fact this is not a real problem.
Browser and Operating OK - No Problem detected.
System Compatibility
(using Browsershots[10] )
Concerning usability, simplicity played in the site's favour. Users can easily
browse their way through the different categories and carry out transactions
with ease. A registration facility saves regular customers' time by storing their
details and not requesting it for subsequent visits. The search provided is also
useful and provides alternative search terms in case no result is found. A more
advanced search facility enabling the specification of more characteristics
about products is desirable.
4 Assistive technology description and analysis

Despite efforts in making software and websites accessible by including
features such as font control, use of style sheet, 'alt' tags and multiple input-
output modes, we rarely achieve a universal design whereby anybody with any
disability can make use of a service without any additional assistive
technology.
Using Live Messenger alone by a visually impaired person can be quite
challenging if the one to whom he/she is communicating with, is unaware of
Page 7/40
his/her state. And according to Lynn Schneider [3], the software is very helpful
for blind people who however have to use screen reader software. This raises
an issue of compatibility between the screen reader and Live Messenger. The
most common one being used is JAWS [13].
For both websites reviewed above, they will still prove very challenging if not
impossible for a completely blind person to browse through. Once again, a
screen reader software will be very helpful. In addition, a refreshable Braille
display can also be used. For cases where the font size is too small and
zooming may prevent users from having a good overview, screen magnifier
software can be used. In most operating systems, a free magnifier is already
provided. The use of PDF files in the Government of Mauritius websites can
also cause problems. In order to read these files, they will first have to be
downloaded and opened outside the browser in order for screen readers to
process them correctly.
When choosing assistive technologies, people are faced with a hard reality:
they can cost quite a lot. Among screen readers, JAWS [13] is the most
commonly used and is compatible with Live Messenger, however its cost is
quite prohibitive.
The use of free Accessibility extensions in the form of add-ons can be used to
help disabled people using the Firefox browser to surf the Web. One example is
Firefox Accessibility Extension [5]. It is designed to make “it easier for people
with disabilities to view and navigate web content”
It also helps developers to assess their websites' accessibility by producing
reports. For people with disabilities, it can extract headings and titles from a
page,enabling direct navigation to these areas. Page and colour contrasts can
also be easily edited with it along with enhanced keyboard navigation through
a short-cut key-combination.
Unfortunately if someone is completely blind, audio output will be needed for
surfing. Firefox provides a compatibility list of compatible assistive technologies
including screen reader software [6].The one which we have found to be the
most suitable audio output software option for Firefox is FireVox [7] which is a
free extension for the Firefox browser and is compatible with Windows,
Page 8/40
Macintosh and Linux platforms. FireVox implements aural style sheets, that is,
it can handle CSS 3 Speech properties which are quite rare among other
screen readers and considerably improve the quality of audio output.
5 Conclusion
Although considerable effort can be put into making websites and software
applications accessible, there will always be cases that will require some kind
of assistive technology. Another barrier is that there exists no single assistive
technology which is compatible with everything, thus a single user may have to
use a combination of such technologies instead. It has also been shown that
websites are not always designed to standard thus making it even harder for
people with disabilities. An in-depth usability review should normally involve
user-tests and surveys which will provide a clearly picture about the ease of
use of the software and websites analysed but this has not been performed
due to time and resource constraints.
6 References
1. Andreas Holzinger, “Usability engineering methods for software developers,” Commun.
ACM 48, no. 1 (2005): 71-74, doi:10.1145/1039539.1039541.
2. Nigel Bevan, “Measuring usability as quality of use,” Software Quality Journal 4, no. 2
(June 1, 1995): 115-130, doi:10.1007/BF00402715.
3. “Visually Impaired Medical Transcriptionist Appreciates MSN Messenger,”
http://www.microsoft.com/enable/news/MSNmessenger.aspx. Accessed on 4 January 2009
4. “Firefox Printable Shortcuts,”
http://www.accessfirefox.org/Firefox_Large_Print_Keyboard_and_Mouse_Shortcuts.php.
Accessed on 4 January 2009
5. “Firefox Accessibility Extension Documentation: Overview and Installation,”
http://firefox.cita.uiuc.edu/. Accessed on 4 January 2009
6. “Assistive technology compatibility,” http://support.mozilla.com/en-
US/kb/Assistive+technology+compatibility. Accessed on 4 January 2009
7. “Fire Vox: A Screen Reading Extension for Firefox,” http://firevox.clcworld.net/. Accessed
on 4 January 2009
8. “Market share for browsers, operating systems and search engines,”
http://marketshare.hitslink.com/report.aspx?
qprid=1&qpdt=1&qpct=4&qptimeframe=M&qpsp=1&qpnp=24#. Accessed on 4 January
2009
9. “WAVE - Web Accessibility Evaluation Tool,” http://wave.webaim.org/. Accessed on 4
January 2009
Page 9/40
10. “Check Browser Compatibility, Cross Platform Browser Test - Browsershots,”
http://browsershots.org/. Accessed on 4 January 2009
11. “The W3C CSS Validation Service,” http://jigsaw.w3.org/css-validator/. Accessed on 4
January 2009
12. “The W3C Markup Validation Service,” http://validator.w3.org/. Accessed on 4 January
2009
13. “JAWS® for Windows® Overview,”
http://www.freedomscientific.com/fs_products/software_jaws.asp. Accessed on 4 January
2009
Page 10/40
7 Appendices
Appendix A. Windows Live Messenger
The main window before sign-in is shown below:
The main problem here is the lack of contrast which users don't have any
option to modify.
Page 11/40
The window when the software is signed in:
The window above is when the messenger is in signed-in mode. Notice the
icons on the left and the advertising banner at the bottom. These can often
confuse users. The text size cannot be changed as well. But the blue
background can be set as another colour.
Page 12/40
Menu items accessible using keyboard short cuts : notice the underlined letters
shown above.
Messenger's font settings:
Allows change font properties, size, colours, underline but is unable to ignore
the other people's font properties to set one more convenient. Font settings
Page 13/40
can be accessed from the menu or using the short-cut encircled in red above.
Change background
This background colour setting can enhance contrast for example.
Page 14/40
Different Input methods:
The encircled icons allow users to choose between keyboard input or

handwriting using mouse or a graphic tablet.
Page 15/40
Customisable sound alerts for different events
Users can choose their own sounds for different events as shown above.
Page 16/40
Saving previous conversations:
Allow saving conversation logs and show part of the previous conversation
helping people with memory-related disabilities. Display pictures also help in
this context.
Page 17/40
Above is a full conversation log with time and date.
Video and voice:
Provide an alternative mode of communication for those not being able to use
a keyboard or mouse properly.
Page 18/40
It is also possible to use the video feature for communicating using sign-
language
Other Features:
Includes a search at the top for finding contacts and one at the bottom to
search from the web. It is also possible to add a nickname to a contact by
right-clicking on it.
Page 19/40
Appendix B. Mozilla Firefox
The use of tabs shown below:
The options menu:
• Allow user to select their own font properties including size and colour
• Allow the prevention of automatic image loading on websites , users with
screen readers can therefore listen to the alt tag contents instead, this
also make downloading of pages faster.
• Allow disabling of Java applets so that users don't have problems
navigating with keyword since some applets automatically set focus to
themselves and prevent it to be broken. Javascript can also be restricted
at varying levels.
Page 20/40
The Search Facility:
The Find bar, can be invoked with the short-cut Ctrl + f and used to search for
particular words in the document and not distracting user with pop-ups.
Other Short-cuts:
Firefox provides very useful short-cuts for both keyboard and mouse
navigations which can be accessed here:
http://www.accessfirefox.org/Firefox_Large_Print_Keyboard_and_Mouse_Short
cuts
Zooming:
Firefox allow zooming of the whole page and also text only. The page style can
also be overridden and viewed without style sheet.
Some websites may still prove a challenge to navigate on with the accessibility
features. Accessibility extensions in the form of addons can be used with
Firefox. One example is Firefox Accessibility Extension V1.4.5 developed by
S.Foltz et al. It is designed to make “it easier for people with disabilities to
view and navigate web content” http://firefox.cita.uiuc.edu/
It also help developers to assess their websites' accessibility by producing
Page 21/40
reports. For people with disabilities, it can extract headings and titles from a
page and enable direct navigation to these areas. Page and colour contrasts
can also be easily edited with it. And this extension is free, so it makes itself a
must-have for anybody wishing to enhance their web experience specially
people having some disabilities.
Unfortunately If someone is blind completely, it means that the browser itself
is now enough. Websites will have to be viewed using a screen reader. Firefox
provides a compatibility list of screen readers available
here:http://support.mozilla.com/en-US/kb/Assistive+technology+compatibility
The one which we have found to be the most suitable option for Firefox is Fire
Vox which is an extension for the Firefox web browser and is compatible with
Windows, Macintosh and Linux platforms. Fire Fox implements aural style
sheets that is it can handle CSS 3 Speech properties which is quite rare among
other screen readers. The best part of it, is it is completely free of cost.
Downloadable from http://firevox.clcworld.net/
The rate of adoption of Firefox speaks for itself:
Source: http://en.wikipedia.org/wiki/Market_adoption_of_Mozilla_Firefox
From less than 4% in 2005, 3 years later , it has been adopted by more than
20% of web-surfers to this date.
Page 22/40
Appendix C. Government of Mauritius
Sample pages to be analysed
1. http://www.gov.mu/portal/site/Mainhomepage/menuitem.cc515006ac7521ae3a9dbea5e2b52
1ca/ (main page)
2. http://www.gov.mu/portal/site/citizenhomepage/menuitem.2393425ed92cceb10927d523f6b
521ca/ (citizen)
3. http://www.gov.mu/portal/site/GovtHomePagesite/menuitem.ea8cbf04ae2aa1de12c7c910e2
b521ca/ (government)
4. http://www.gov.mu/portal/site/Noncitizenhomepagesite/menuitem.c10f14ed3fea94fcde7533
8800b521ca/ (non-citizen)
5. http://www.gov.mu/portal/site/Businesshomepagesite/menuitem.ec7f52d3396b395fbbb2761
0e2b521ca/ (business)
6. http://www.gov.mu/portal/goc/htmls/contactus.html
7. http://www.gov.mu/portal/goc/jsp/app_for_portal_feedback_mechanism.jsp
8. http://www.gov.mu/portal/beans/footerpages/quicktips.jsp
9. http://www.gov.mu/portal/site/citizenhomepage/menuitem.3585e7c5797e1a22b612e3a3a05
08a0c/
10. http://www.gov.mu/portal/site/citizenhomepage/template.MAXIMIZE/menuitem.2393425ed
92cceb10927d523f6b521ca/?
javax.portlet.tpst=0af7df6b630439e9c6269310a0508a0c_ws_MX&javax.portlet.prp_0af7df
6b630439e9c6269310a0508a0c_viewID=app_for_signup_mainform&javax.portlet.begCach
eTok=token&javax.portlet.endCacheTok=token&sid=0
11. https://www.gov.mu/portal/site/secureLogin?&sid=10&main=1
12. http://www.gov.mu/portal/site/citizenhomepage/menuitem.09bcfd2269edd4d0d335d510a02
08a0c/?content_id=f770d575d1a88010VgnVCM100000ca6a12acRCRD
13. http://www.gov.mu/portal/site/education/menuitem.ae9135ddda70a504631e691048a521ca/?
content_id=f2a1ee2dcb308010VgnVCM100000ca6a12acRCRD
14. http://www.gov.mu/portal/site/education
15. http://www.gov.mu/portal/site/police/menuitem.bc0dd502aaf26104d0db7010e2b521ca/
(empty)
16. http://www.gov.mu/portal/site/empmentsite
validate/check xhtml
1ca/
126 errors, 32 warnings, more details: http://validator.w3.org/check?uri=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2FMainhomepage
%2Fmenuitem.cc515006ac7521ae3a9dbea5e2b521ca
%2F+&charset=(detect+automatically)&doctype=Inline&group=1&user-
agent=W3C_Validator%2F1.606
Page 23/40
521ca/
100 errors, 21 warnings, details: http://validator.w3.org/check?uri=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2Fcitizenhomepage
%2Fmenuitem.2393425ed92cceb10927d523f6b521ca
%2F&charset=(detect+automatically)&doctype=Inline&group=1&user-
b521ca/
%2Fwww.gov.mu%2Fportal%2Fsite%2FGovtHomePagesite
%2Fmenuitem.ea8cbf04ae2aa1de12c7c910e2b521ca
8800b521ca/
%2Fwww.gov.mu%2Fportal%2Fsite%2FNoncitizenhomepagesite
%2Fmenuitem.c10f14ed3fea94fcde75338800b521ca
0e2b521ca/
%2Fwww.gov.mu%2Fportal%2Fsite%2FBusinesshomepagesite
%2Fmenuitem.ec7f52d3396b395fbbb27610e2b521ca
3 errors, 3 warnings
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gov.mu%2Fportal%2Fgoc
%2Fhtmls
%2Fcontactus.html&charset=(detect+automatically)&doctype=Inline&group=1&user-
%2Fwww.gov.mu%2Fportal%2Fgoc%2Fjsp
%2Fapp_for_portal_feedback_mechanism.jsp&charset=(detect+automatically)&doctype=In
Page 24/40
line&group=1&user-agent=W3C_Validator%2F1.606
%2Fwww.gov.mu%2Fportal%2Fbeans%2Ffooterpages
%2Fquicktips.jsp&charset=(detect+automatically)&doctype=Inline&group=1&user-
08a0c/
%2Fmenuitem.3585e7c5797e1a22b612e3a3a0508a0c
92cceb10927d523f6b521ca/?
%2Fwww.gov.mu%2Fportal%2Fsite%2Fcitizenhomepage%2Ftemplate.MAXIMIZE
%2Fmenuitem.2393425ed92cceb10927d523f6b521ca%2F%3Fjavax.portlet.tpst
%3D0af7df6b630439e9c6269310a0508a0c_ws_MX
%26javax.portlet.prp_0af7df6b630439e9c6269310a0508a0c_viewID
%3Dapp_for_signup_mainform%26javax.portlet.begCacheTok%3Dtoken
%26javax.portlet.endCacheTok%3Dtoken%26sid
%3D0&charset=(detect+automatically)&doctype=Inline&group=1&user-
68 errors, 6 warnings, details: http://validator.w3.org/check?uri=https%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2FsecureLogin%3F%26sid%3D10%26main
%2Fmenuitem.09bcfd2269edd4d0d335d510a0208a0c%2F%3Fcontent_id
%3Df770d575d1a88010VgnVCM100000ca6a12acRCRD&charset=(detect+automatically)
&doctype=Inline&group=1&user-agent=W3C_Validator%2F1.606
Page 25/40
%2Fwww.gov.mu%2Fportal%2Fsite%2Feducation
%2Fmenuitem.ae9135ddda70a504631e691048a521ca%2F%3Fcontent_id
%3Df2a1ee2dcb308010VgnVCM100000ca6a12acRCRD&charset=(detect+automatically)&
doctype=Inline&group=1&user-agent=W3C_Validator%2F1.606
%2Fwww.gov.mu%2Fportal%2Fsite
%2Feducation&charset=(detect+automatically)&doctype=Inline&group=1&user-
51 errors, 102 warnings, details:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gov.mu%2Fportal%2Fsite
%2Fpolice%2Fmenuitem.bc0dd502aaf26104d0db7010e2b521ca
%2Fempmentsite&charset=(detect+automatically)&doctype=Inline&group=1&user-
validate/check CSS
1. http://www.gov.mu
33 errors, details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F
%2Fwww.gov.mu%2F&profile=css21&usermedium=all&warning=1&lang=en
Dhtml-css.css : 8 errors
style.css: 14 errors, 46 warnings
style_002.css : 18 errors,38 warnings
521ca/
Page 26/40
style1.css : 14 errors,46 warnings
b521ca/ Dhtml-css.css : 8 errors
8800b521ca/
0e2b521ca/
18 errors, 38 warnings, details:http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fwww.gov.mu%2Fportal%2Fgoc%2Fhtmls
%2Fcontactus.html&profile=css21&usermedium=all&warning=1&lang=en
%2Fwww.gov.mu%2Fportal%2Fgoc%2Fjsp
%2Fapp_for_portal_feedback_mechanism.jsp&profile=css21&usermedium=all&warning=1
&lang=en
18errors, 38 warnings, details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fwww.gov.mu%2Fportal%2Fbeans%2Ffooterpages
%2Fquicktips.jsp&profile=css21&usermedium=all&warning=1&lang=en
08a0c/
92cceb10927d523f6b521ca/?
Page 27/40
common_main_stylesheet.css: 2 errors
33 errors,173 warnings, details: http://jigsaw.w3.org/css-validator/validator?uri=https%3A
%2F%2Fwww.gov.mu%2Fportal%2Fsite%2FsecureLogin%3F%26sid%3D10%26main
%3D1&profile=css21&usermedium=all&warning=1&lang=en
8 errors, 17 warnings, details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F
%2Feducation&profile=css21&usermedium=all&warning=1&lang=en
(empty)
13 errors, 72 warnings, details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fwww.gov.mu%2Fportal%2Fsite
%2Fempmentsite&profile=css21&usermedium=all&warning=1&lang=en
validate/check accessibility status

http://www.tawdis.net/taw3/online
1ca/ (main page)
33 accessibility errors, details:http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2FMainhomepage
%2Fmenuitem.cc515006ac7521ae3a9dbea5e2b521ca%2F
Page 28/40
521ca/ (citizen)
33 accessibility errors, detailshttp://wave.webaim.org/report?url=http%3A%2F
%2Fmenuitem.2393425ed92cceb10927d523f6b521ca%2F
b521ca/ (government)
%2Fwww.gov.mu%2Fportal%2Fsite%2FGovtHomePagesite
%2Fmenuitem.ea8cbf04ae2aa1de12c7c910e2b521ca%2F
8800b521ca/ (non-citizen)
25 accessibility errors.details:http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2FNoncitizenhomepagesite
%2Fmenuitem.c10f14ed3fea94fcde75338800b521ca%2F
0e2b521ca/ (business)
%2Fwww.gov.mu%2Fportal%2Fsite%2FBusinesshomepagesite
%2Fmenuitem.ec7f52d3396b395fbbb27610e2b521ca%2F
1 accessibility error, details;http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fgoc%2Fhtmls%2Fcontactus.html
%2Fwww.gov.mu%2Fportal%2Fgoc%2Fjsp%2Fapp_for_portal_feedback_mechanism.jsp
1 accessibility error, details:http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fbeans%2Ffooterpages%2Fquicktips.jsp
08a0c/
Page 29/40
%2Fmenuitem.3585e7c5797e1a22b612e3a3a0508a0c%2F
92cceb10927d523f6b521ca/?
%2Fwww.gov.mu%2Fportal%2Fsite%2Fcitizenhomepage%2Ftemplate.MAXIMIZE
%2Fmenuitem.2393425ed92cceb10927d523f6b521ca%2F%3Fjavax.portlet.tpst
%3D0af7df6b630439e9c6269310a0508a0c_ws_MX
%26javax.portlet.prp_0af7df6b630439e9c6269310a0508a0c_viewID
%3Dapp_for_signup_mainform%26javax.portlet.begCacheTok%3Dtoken
%26javax.portlet.endCacheTok%3Dtoken%26sid%3D0
10 accessibility errors, local file
%2Fmenuitem.09bcfd2269edd4d0d335d510a0208a0c%2F%3Fcontent_id
%3Df770d575d1a88010VgnVCM100000ca6a12acRCRD
Menu used divs and javascript, mouse compulsory.8 accessibility errors automated,
details:http://wave.webaim.org/report?url=http%3A%2F%2Fwww.gov.mu%2Fportal
%2Fsite%2Feducation%2Fmenuitem.ae9135ddda70a504631e691048a521ca%2F
%3Fcontent_id%3Df2a1ee2dcb308010VgnVCM100000ca6a12acRCRD
Menu problem, +16 accessibility errors, details:http://wave.webaim.org/report?url=http%3A
%2F%2Fwww.gov.mu%2Fportal%2Fsite%2Feducation
(empty)
30 accessibility errors, details: http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.gov.mu%2Fportal%2Fsite%2Fpolice
%2Fmenuitem.bc0dd502aaf26104d0db7010e2b521ca%2F
Page 30/40
%2Fwww.gov.mu%2Fportal%2Fsite%2Fempmentsite
Browser And Operating System Compatibility Check Screen Shots:
Page 31/40
This Screen shot shows images of how the web pages appear in the different
OS and browsers. Notice some pages were not yet loaded (white pages) at the
time of shot.
Page 32/40
The items in the menu above are only accessible using mouse pointer.
Appendix D. Asda
Appendix D. Asda
sample pages to be analysed
1. http://www.asda.co.uk/corp/home.html
2. http://www.about-asda.com/
Page 33/40
3. http://direct.asda.com/on/demandware.store/Sites-ASDA-Site/default/Default-Start
4. http://www.asda.com/asda_shop/sys/web_deep_link.jsp?
link_type=product&aisle=Electrical+Goods&section=MP3+Players&shelf=MP3+Players&
product_id=2755756
5. http://direct.asda.com/asda-babyshop/60,default,sc.html
6. http://direct.asda.com/Pre-School-Toys/605,default,sc.html
7. http://direct.asda.com/Geoair-High-Flyin-Airport/000762602,default,pd.html
8. http://direct.asda.com/on/demandware.store/Sites-ASDA-Site/default/Cart-Show
9. http://direct.asda.com/on/demandware.store/Sites-ASDA-Site/default/Search-Show?
q=leather
10. http://direct.asda.com/on/demandware.store/Sites-ASDA-Site/default/Login-Show
11. https://direct.asda.com/on/demandware.store/Sites-ASDA-Site/default/Login-
Show/C1951510149
check xhtml
39 errors found, 66warnings, more details: http://validator.w3.org/check?uri=http%3A%2F
%2Fwww.asda.co.uk%2Fcorp
%2Fhome.html&charset=(detect+automatically)&doctype=Inline&group=1&user-
agent=W3C_Validator%2F1.606#preparse_warnings
successfully checked, more details: http://validator.w3.org/check?uri=http%3A%2F
%2Fwww.about-asda.com
%2Fdirect.asda.com%2Fon%2Fdemandware.store%2FSites-ASDA-Site%2Fdefault
%2FDefault-Start&charset=(detect+automatically)&doctype=Inline&group=1&user-
product_id=2755756
5 errors, 4 warnings more details: http://validator.w3.org/check?uri=http%3A%2F
%2Fwww.asda.com%2Fasda_shop%2Fsys%2Fweb_deep_link.jsp%3Flink_type
%3Dproduct%26aisle%3DElectrical%2BGoods%26section%3DMP3%2BPlayers%26shelf
%3DMP3%2BPlayers%26product_id
Page 34/40
%2Fdirect.asda.com%2Fasda-babyshop%2F60%2Cdefault
%2Csc.html&charset=(detect+automatically)&doctype=Inline&group=1&user-
%2Fdirect.asda.com%2FPre-School-Toys%2F605%2Cdefault
%2Csc.html&charset=(detect+automatically)&doctype=Inline&group=1&user-
%2Fdirect.asda.com%2FGeoair-High-Flyin-Airport%2F000762602%2Cdefault
%2Cpd.html&charset=(detect+automatically)&doctype=Inline&group=1&user-
1 error, 1 warning, details : http://validator.w3.org/check?uri=http%3A%2F
%2FCart-Show&charset=(detect+automatically)&doctype=Inline&group=1&user-
q=leather
4 errors, 5 warnings, details :http://validator.w3.org/check?uri=http%3A%2F
%2FSearch-Show%3Fq
%3Dleather&charset=(detect+automatically)&doctype=Inline&group=1&user-
1 error, details: http://validator.w3.org/check?uri=http%3A%2F%2Fdirect.asda.com%2Fon
%2Fdemandware.store%2FSites-ASDA-Site%2Fdefault%2FLogin-
Show&charset=(detect+automatically)&doctype=Inline&group=1&user-
Show/C1951510149
1 error, details: http://validator.w3.org/check?uri=https%3A%2F%2Fdirect.asda.com%2Fon
Page 35/40
%2Fdemandware.store%2FSites-ASDA-Site%2Fdefault%2FLogin-Show
%2FC1951510149&charset=(detect+automatically)&doctype=Inline&group=1&user-
validate/check CSS
%2Fwww.asda.co.uk%2Fcorp
%2Fhome.html&profile=css21&usermedium=all&warning=1&lang=en
2 errors, 372 warnings, details:http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fwww.about-asda.com%2F&profile=css21&usermedium=all&warning=1&lang=en
8 errors, 581 warnings,details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fdirect.asda.com%2Fon%2Fdemandware.store%2FSites-ASDA-Site%2Fdefault
%2FDefault-Start&profile=css21&usermedium=all&warning=1&lang=en
product_id=2755756
1 error, 10 warnings, details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F
%2Fwww.asda.com%2Fcss
%2Fasda_styles_ns.css&profile=css21&usermedium=all&warning=1&lang=en
%2F%2Fdirect.asda.com%2Fasda-babyshop%2F60%2Cdefault
%2Csc.html&profile=css21&usermedium=all&warning=1&lang=en
%2F%2Fdirect.asda.com%2FPre-School-Toys%2F605%2Cdefault
%2Csc.html&profile=css21&usermedium=all&warning=1&lang=en
16 errors, 858 warnings , details: http://jigsaw.w3.org/css-validator/validator?uri=http%3A
%2F%2Fdirect.asda.com%2FGeoair-High-Flyin-Airport%2F000762602%2Cdefault
%2Cpd.html&profile=css21&usermedium=all&warning=1&lang=en
Page 36/40
%2FCart-Show&profile=css21&usermedium=all&warning=1&lang=en
q=leather
%2FSearch-Show%3Fq%3Dleather&profile=css21&usermedium=all&warning=1&lang=en
%2FLogin-Show&profile=css21&usermedium=all&warning=1&lang=en
Show/C1951510149
9 errors, 614 warnings, details : http://jigsaw.w3.org/css-validator/validator?uri=https%3A
%2FLogin-Show%2FC1951510149&profile=css21&usermedium=all&warning=1&lang=en
validate/check accessibility status

using http://www.tawdis.net/taw3/online
http://wave.webaim.org/
%2Fwww.asda.co.uk%2Fcorp%2Fhome.html
no accessibility error, details:http://wave.webaim.org/report?url=http%3A%2F
%2Fwww.about-asda.com%2F
no accessibility errors, details:http://wave.webaim.org/report?url=http%3A%2F
%2FDefault-Start
Page 37/40
product_id=2755756
9 accessibility errors, (frames missing titles), details:http://wave.webaim.org/report?url=http
%3A%2F%2Fwww.asda.com%2Fasda_shop%2Fsys%2Fweb_deep_link.jsp%3Flink_type
%3Dproduct%26aisle%3DElectrical+Goods%26section%3DMP3+Players%26shelf
%3DMP3+Players%26product_id%3D2755756
%2Fdirect.asda.com%2Fasda-babyshop%2F60%2Cdefault%2Csc.html
23 accessibility errors (form label for checkbox missing),
details:http://wave.webaim.org/report?url=http%3A%2F%2Fdirect.asda.com%2FPre-
School-Toys%2F605%2Cdefault%2Csc.html
%2Fdirect.asda.com%2FGeoair-High-Flyin-Airport%2F000762602%2Cdefault%2Cpd.html
4 accessibility errors, details: http://wave.webaim.org/report?url=http%3A%2F
%2FCart-Show
q=leather
%2FSearch-Show%3Fq%3Dleather
%2FLogin-Show
Show/C1951510149
no accessibility errors, details:http://wave.webaim.org/report?url=https%3A%2F
Page 38/40
%2FLogin-Show%2FC1951510149
Browser And Operating System Compatibility Check Screen Shots:
The above screen shot was taken after having selected the different operating
systems and browsers for a given page. This step was repeated for the other
sample pages.
Page 39/40
This Screen shot shows images of how the web pages appear in the different
OS and browsers.
Page 40/40

Software & Websites Evaluation For Accessibility and Usability Report

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Software & Websites Evaluation For Accessibility and Usability Report

Transféré par

Droits d'auteur :

Formats disponibles

Software & Websites Evaluation for Accessibility and Usability Report

Abstract. In this report we have evaluated two software applications; Windows

Keywords: accessibility, usability, assistive technology, government of

2.1 Microsoft's Windows Live Messenger v8.5 (Instant Messaging Software)

3.1 Government of Mauritius' Web Portal

In terms of usability, the links of each webpage consists of a lengthy string of

3.2 Asda's Website (E-Commerce)

4 Assistive technology description and analysis

Appendix A. Windows Live Messenger

The main window before sign-in is shown below:

Messenger's font settings:

This background colour setting can enhance contrast for example.

The encircled icons allow users to choose between keyboard input or

Video and voice:

The options menu:

The rate of adoption of Firefox speaks for itself:

validate/check accessibility status

Browser And Operating System Compatibility Check Screen Shots:

validate/check accessibility status

Browser And Operating System Compatibility Check Screen Shots:

Vous aimerez peut-être aussi