Assignment: WebCT Page Accessibility Evaluation

Instructions

Please use this form to provide your accessibility evaluation report. You can send the result as an e-mail to Hadi Rangin (e-mail: hadi@uiuc.edu). You can also click on the "Print view" button and use the "Save as" option of your browser to save the result locally on your computer. Please note that the evaluation results are not saved if you are not in "Print view" mode.
Use "Edit" button to modify the information in this form.

WebCT Evaluation Information

Hadi

hadi@uiuc.edu

Vista 4 (Demo server: vista4demo.webct.com)

Assignments

Assignment homepage and subsequent pages in this module

Hadi Rangin

hadi@uiuc.edu

Functional Web Accessibility Testing

Functional Accessibility Rating

Navigation

Conformance Rating

N.1 Does the web page have a unique TITLE element and at least one H1 that is a subset of the TITLE content?

  No   Comment for N.1: The H1 indicates the proper heading for the main section, however in the subsequent pages you run into multiple use of H1 elements such as Artifact Preview, My Grade: #grade Artifact Assignment Submission: Paper 1.

N.2 Do menus and navigation bars have H2 elements before their links to provide orientation, and do those menu bars, exapandable menu bars, and other expansion controls change their labels based on whether they are expanded or not? NOTE: Headings can be hidden using CSS techniques based on the "position: absolute" property; do not use "display: none" or "visibility: hidden" since these techniques hide information from screen readers.

Yes     Comment for N.2: No comments

N.3 Do all major/minor topics have headings (H2-H6) and the headings provide useful orientation information to the content on the web page?
NOTE: Headings should not be used to stylize text.

  No   Comment for N.3: In most places in this module, headings provide a good way of navigation, however there are instances that headings can be a little confusing like the instance described in N.1 above. One doesn't know which H1 element is the main heading for that specific page.

N.4 Do all links indicate the target of the links?
NOTE: The same link text should not be used to point to different URIs and references to the same URI should use the same link text.

  No   Comment for N.4: There are links that do not clearly indicate what they do such as: Click to Expand or Collapse Menu Area .

N.5 Do all form controls of have descriptive labels?

  No   Comment for N.5: In the submission page where students provide their answers the form controls do not have proper labels.

N.6 Do groups of related form controls have labels, this includes using fieldset/legend or headings (h2-h6) to indicate the relationship between the form controls?

    N/A Comment for N.6: No comments

N.7 Do changes in language of content use the LANG attribute to markup the new language?

  No   Comment for N.7: In the submission area there is no dedicated control to specify the language of the text.

N.8 Do data tables use CAPTION elements, TH elements, TH.ID attributes and TD.HEADERS attributes to title and indicate cell relationships?

  No   Comment for N.8: In the Assignment main page, if the table of the assignments is long, it will be difficult to clearly specify if a particular assignment is submitted, graded or etc.

N.9 Do lists of items use UL, OL or DL list markup.?

    N/A Comment for N.9: No comments

N.10 Do frames have useful TITLE attributes?
NOTE: Frames used for client/server interaction or do not contain viable content should be marked as title="hidden".

  No   Comment for N.10: Too many frames are used and nested frames are very confusing even they have descriptive frame names.

N.11 Does content make sense when the page is linearized (i.e. table markup and/or stylesheets are disabled)?

  No   Comment for N.11: No comments

Text Equivalents

Conformance Rating

E.1 Do all decorative images set ALT=''?
NOTE: Decorative images do not carry any content but are used purely for graphical styling (i.e. spacers, divider lines, ..), ideally these should all be moved to CSS techniques.

  No   Comment for E.1: images/dot_divide appears after the checkbox "Use HTML" and "Add attachment". Looks like a vertical bar. Apparently it is a stylistic graphics and the alt tag needs to be set to NULL. There is another stylistic graphic used between cancel and save as draft. The alt tag for this graphic needs to be set to NULL.

E.2 Do all content carrying and icon images have descriptive ALT text?

  No   Comment for E.2: The graphical icon to indicate the assignment or assisment or other type of documents are not descriptive. the graphical icons need a clear alt tag to indicate the type of document.

E.3 Does the ALT text for all images used for links or form control buttons match the onscreen text?
NOTE: If an image is used in conjunction with text links that ALT='' text should be null, otherwise the link text is spoken twice in screen readers.

Yes     Comment for E.3: No comments

E.4 Do all OBJECTs/APPLETS have text descriptions and alerntaive accessible version of the content and functions provided by the applet or object.

  No   Comment for E.4: There is serious problems with aplet used in this module in particular where student enters the answer. There is no way to get out of the aplet using keyboard.

E.5 Are text transcipts of audio, video+audio and other multimedia available?

    N/A Comment for E.5: No comments

E.6 Are Text transcipts video+audio and other multimedia with visual and auditory renderings synchoronized with visual rendering?

    N/A Comment for E.6: No comments

E.7 Are links available to play multi-media content in external multi-media players?

    N/A Comment for E.7: No comments

Styling

Conformance Rating

Y.1 Does content reflow when browser text zooming features change font size?
NOTE: As content reflows the user should not need to use the horizontal scrolling features to view content and text content should not overlap with other text content.

  No   Comment for Y.1: No comments

Y.2 Does content reflow when the graphical window width changes.
NOTE: As content reflows the user should not need to use the horizontal scroll features to view content.

  No   Comment for Y.2: No comments

Y.3 Is content still usable when high contrast stylesheets are applied to the web page?
NOTE: The Opera browser has built-in high contrast user stylesheets and the Mozilla/Firefox Accessibility Extension also provides a high contrast stylesheet feature.

  No   Comment for Y.3: No comments

Y.4 Are Background images used for decorative styling, instead of inline images?

    N/A Comment for Y.4: Cannot find out.

Y.5 Is any image used to stylize text, except in logos and other branding icons?

  No   Comment for Y.5: No comments

Y.6 Is all content styled through CSS stylesheets, no in-line styling elements are used (i.e. B, I, FONT, CENTER, BLINK, MARQUEE, ...)?

  No   Comment for Y.6: 73% of the content is stylized using CSS.

Y.7 Do dynamic CSS pseudo-classes like :hover have corresponding :focus dynamic pseudo-class selectors.
NOTE: Keyboard movement of fous should cause changes in stypling, similar to :hover effects.

    N/A Comment for Y.7: No comments

Scripting and Automation

Conformance Rating

R.1 Can all functions of the web page be performed with only the keyboard?

  No   Comment for R.1: There is a big problem to use WebCt with Firefox 1.5. Many links such as the course name or tabs, or links can not be triggered with Jaws screen reader in Firefox environment.

R.2 Is any OnChange event used for SELECT elements?

  No   Comment for R.2: No comments

R.3 Are session time outs adjustable by the user?

  No   Comment for R.3: No comments

R.4 Can animations be paused and restarted by the user?

    N/A Comment for R.4: No comments

R.5 Is any content that flickers between 2-55 Hz disabled by default, users must be warned of the flickeering before the content is started?

  No   Comment for R.5: No comments

R.6 Is an accessible alternative for embedded Java Applets, Flash and other APPLETS and OBJECTS available?

  No   Comment for R.6: There is serious problems with aplet used in this module in particular where student enters the answer. There is no way to get out of the aplet using keyboard. When HTML editor is enabled, there is no way to get out of the jave-based editing environment and this causes problem for screen reader users and users with physical impairment. Adding attachment takes you to another Java-based environment that allows you to upload your files and this is again another problem for screen reader users and people with physical disabilities because they cannot leave the java aplet with keyboard. Practically, they get stock in that environment and cannot do anything.

Standards

Conformance Rating

S.1 Is DOCTYPE specified?

Yes     Comment for S.1: No comments

S.2 Is default language specified?

  No   Comment for S.2: No comments

S.3 Is character encoding specified?

  No   Comment for S.3: No comments

 

There is an usability issue with Enable HTML Creator, and Use HTML objects. Use "Enable Reach text editor" and "Use HTML Tag" for these objects respectively and make both of the of the same element; either both links or radio box or links.