SarianLagardeEx2.xlsx by jizhen1947

VIEWS: 0 PAGES: 13

									Exercise 3. Accessibiliity tests of peer's website (25 points)
Your name                                            Abraham Lagarde
Peer's name                                          Raffi Sarian
URL of homepage of peer's
website                                              http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                                   passes fails List of errors if any                  how to fix each error

On-line: Web accessibility
Checker: http://achecker.ca/
 Set options to check:

   Section 508 accessibility test;
   WCAG 2.0 (Level AA)
accessibility test -- this test also
finds color contrast & difference
problems
   Enable HTML validator
   Enable CSS Validator

On-line: W3C Link Checker:             http://validator.w3.org/checklink
   checks hyperlinks

On-line color contrast checker:
http://
www.checkmycolours.com/

Download these Firefox
Extensions & install for testing
peers' website

11/28/2013 3:43 AM                                                                                                 1
URL of homepage of peer's
website                                          http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                               passes fails List of errors if any                    how to fix each error
 juicystudio.com colour-
 contrast-analyser-firefox-
 extension --installs on Firefox
 Tools menu
   Checks ARIA roles
   Table inspector reviews
column and row headings
   Colour Contrast Analyzer
shows problems with color
contrast and difference
 Wave Accessibility toolbar
 from WebAIM for Firefox 3 for
 testing accessibility
    Errors, Features, Alerts
point out Accessibilty problems
or potential problems
   Outline: provides page
 outline from <h1>, <h2>, <h3>
 tags

 chrispederick.com Web
 Development Toolbar for
 Firefox for validation, testing
    Tests local HTML validation,
Outlines headers, links to 508
validation

11/28/2013 3:43 AM                                                                                               2
URL of homepage of peer's
website                                           http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                                passes fails List of errors if any                        how to fix each error
   Chrome version
automatically tests for CSS3, but
does not test local files

Test for 3 types of Color
Blindness: upload page to
simulator at vischeck.com

  http://www.vischeck.com/
vischeck/vischeckImage.php

Tests to run on website:

These tests Need to be done
only on one page for entire
website -- add more lines for
errors, if necessary:
URL for page tested
Test                                passes fails List of errors if any                        how to fix each error

W3C CSS3 validation                               don't need to list moz or webkit extensions as errors
exceptions are styles that
require -moz or -webkit
extensions for browser in
order to work                       X



11/28/2013 3:43 AM                                                                                                    3
URL of homepage of peer's
website                                           http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                               passes fails List of errors if any                      how to fix each error
Color contrast                     X

Color difference                   X

Color Blindness tests:             upload page url to:    http://www.vischeck.com/vischeck/vischeckImage.php
Deuteranope (red/green color
deficit)                           X
Protanope (another red/green
color deficit)                     X
Tritanope (a blue/yellow           X
deficit)
any other comments                                ALSO PASSED FOR PEOPLE WITH CATARACTS



Test these individual
pages for errors

Check home page                     -- add more lines for errors, if necessary:
URL for page tested
Test                               passes fails List of errors if any                      how to fix each error
W3C HTML5 validation                      X     Line 34, Column 85                         End Tag br.


achecker/ca: WCAG 2.0 (Level
AA) accessibility test -- this test
also finds color contrast &
difference problems                 X

11/28/2013 3:43 AM                                                                                                 4
URL of homepage of peer's
website                                            http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                                 passes fails List of errors if any                         how to fix each error


                                                   1.) Line 54, Column 5
                                                   2.) Line 71, Column 2
achecker/ca: Section 508                           *Script must have functional text for both
accessibility test;                          X     errors*                                      1 & 2 - Add a noscript section immediately following the script

Semantic Structure
WAVE structure/order test            X
WAVE outline test                    X
ARIA role test: juicy studio
accessibilty toolbar: check roles
are correct                       X

On-line: W3C Link Checker:           http://validator.w3.org/checklink
check all hyperlinks work
Use meaningful text not links                                                                    *Since this is a note for the teacher, it
such as "link" or "more" or "click                                                               wont matter but if you wish to fix it just
here."                                       X     In the notes for professor soe : section page,put
                                                                                                  animal, plant, etc. is not going to make sense for someone usi
                                                                                                 a little more description*
any other comments



Check page with form                 -- add more lines for errors, if necessary:
URL for page tested
Test                                 passes fails List of errors if any                         how to fix each error


11/28/2013 3:43 AM                                                                                                                                      5
URL of homepage of peer's
website                                       http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                            passes fails List of errors if any                        how to fix each error

                                                                                          1.) End tag br.
                                                                                          2.) Attribute placeholder not allowed on
                                                                                          element input at this point.
                                              1.) Line 36, Column 80                      3.) Attribute placeholder not allowed on
                                              2.) Line 70, Column 116                     element input at this point.
                                              3.) Line 90, Column 106                     4.) Attribute placeholder not allowed on
W3C HTML validation                           4.) Line 90, Column 106                     element input at this point.

achecker/ca: WCAG 2.0 (Level
AA) accessibility test          X

Validate 508 accessibility              X                                                  1 & 2 - must have functional immediately following the script
                                              1.) Line 55, Column 5 & Line 114, Column 2 - L-scriptAdd a noscript section text

Semantic Structure tests:
 WAVE structure/order test      X
 WAVE outline test              X

ARIA role test: juicy studio
accessibilty toolbar            X

On-line: W3C Link Checker:      http://validator.w3.org/checklink
check all hyperlinks work       X
Hypertext links. Use meaningful
text not links such as "link" or
"more" or "click here."          X


11/28/2013 3:43 AM                                                                                                                               6
URL of homepage of peer's
website                                       http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                            passes fails List of errors if any                          how to fix each error
any other comments



Check page with table            -- add more lines for errors, if necessary:
URL for page tested
Test                            passes fails List of errors if any                          how to fix each error

                                                                                            1.) End tag br.
                                                                                            2.) The summary attribute is obsolete.
                                                                                            Consider describing the structure of the
                                                                                            table in a caption element or in a figure
                                                                                            element containing the table; or, simplify
                                              1.) Line 36, Column 80                        the structure of the table so that no
W3C HTML validation                     X     2.) Line 62, Column 55                        description is needed.

achecker/ca: WCAG 2.0 (Level
AA) accessibility test          X

Validate 508 accessibility              X                                                     1 & must have a nonscript section
                                              1 & 2 - L - script must have functional text: script2 - Add a noscript section immediately following the script

Semantic Structure tests:
 WAVE structure/order test      X
 WAVE outline test              X

ARIA role test: juicy studio
accessibilty toolbar            X


11/28/2013 3:43 AM                                                                                                                                   7
URL of homepage of peer's
website                                       http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                            passes fails List of errors if any                       how to fix each error
On-line: W3C Link Checker:      http://validator.w3.org/checklink
check all hyperlinks work       X
Hypertext links. Use meaningful
text not links such as "link" or
"more" or "click here."          X

Table accessiblity: use
Juicy Studio Table Inspector            X     Rows don’t have headers either             Add a header to each row

any other comments



Check page with an
image (different page) --
add more lines for errors,
if necessary:
URL for page tested
Test                            passes fails List of errors if any                       how to fix each error
                                                                                         1.) End tag br.
                                                                                         2.) Element media not allowed as child of
                                              1.) Line 35, Column 80                     element div in this context. (Suppressing
W3C HTML validation                     X     2.) Line 60, Column 29                     further errors from this subtree.)

achecker/ca: WCAG 2.0 (Level
AA) accessibility test          X


11/28/2013 3:43 AM                                                                                                                   8
URL of homepage of peer's
website                                       http://www.csupomona.edu/~rsarian/cis421/home.html

Save each peer review with name: PeersurnameYoursurnameEx2.xlsx
email the students whose site you reviewed with the URL of your review for that student's website
Post a copy of each review to the Blackboard assignment in the Exercises folder for grading

Test                            passes fails List of errors if any                       how to fix each error
                                              1.) Line 53, column 5
                                              2.) Line 71, column 2
                                              *for both - script must have a nonscript
Validate 508 accessibility              X     section*                                   1 & 2 - Add a noscript section immediately following the script

Semantic Structure tests:
 WAVE structure/order test      X
 WAVE outline test              X

ARIA role test: juicy studio
accessibilty toolbar            X

On-line: W3C Link Checker:      http://validator.w3.org/checklink
check all hyperlinks work       X
Hypertext links. Use meaningful
text not links such as "link" or
"more" or "click here."          X

any other comments




11/28/2013 3:43 AM                                                                                                                               9
wing the script that provides the same functionality as the script.




      11/28/2013 3:43 AM                                              10
wing the script that provides the same functionality as the script.




      11/28/2013 3:43 AM                                              11
wing the script that provides the same functionality as the script.




      11/28/2013 3:43 AM                                              12
wing the script that provides the same functionality as the script.




      11/28/2013 3:43 AM                                              13

								
To top