Accessibility Evaluation

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: In the 3 pages I have tested, there is no headings except in the Full Record View page there is a blank H3 element. probably used for stylistic purpose. The title of the result page says: UIUC's Library Catalog Titles List Usability feedback: This might not completely convey the key information namely Search Results. voyager Catelog Search Result is something that I would suggest. The 2nd page says: UIUC's Library Catalog Full Record View It's fine but due to clarity of the title I would suggest Voyager Full Record View The 3rd page says: UIUC's Library Catalog This is very generic and needs to be more specific. Again, my suggestion would be: Voyager Book Holding Information
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.		No		Comment for N.2: No headings has been used for navigations/menus and this makes the navigation and orientations for keyboard users extremely difficult up to impossible.
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: No headings has been used for major or minor sections and this is again another serious problem for keyboard users including screen reader users.
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: In the result page, at the end of each row a link with no link text appears. The link is a cgi call /cgi-bin/pwebrecon... There is an extra space just before the closing A tag. > or maybe from
N.5 Do all form controls of have descriptive labels?		No		Comment for N.5: Most form controls I have examined, do not have any LABELs including the check boxes, radio boxes, and select boxes.
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: Searching for a German term such as Deutsche Politiks returns some results with titles written in German. the necessary LANG attribute to reflect the language change is missing.
N.8 Do data tables use CAPTION elements, TH elements, TH.ID attributes and TD.HEADERS attributes to title and indicate cell relationships?			N/A	Comment for N.8: Nested tables are used to display the result page. The area used to display the holding information is not in the same row as the other relevant information and this itself makes distroys the structure of the data table. TH has been used for column heading which is very good however there is no ID/HEADERS associations between column headings and data cells.
N.9 Do lists of items use UL, OL or DL list markup.?		No		Comment for N.9: I think lists could be used in various places such as navigation bars or menus or in the Full Record View.
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".			N/A	Comment for N.10: No comments
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: heavy usage of tables for layout and not having the well-structured data tables causes the problem with linearization of the page.
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.	Yes			Comment for E.1: I haven't seen any in the 3 pages I have examined.
E.2 Do all content carrying and icon images have descriptive ALT text?		No		Comment for E.2: I found so far only one image namely images/carli_logo which doesn't have any lalt tag associated with.
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.		No		Comment for E.3: The on-screen text for graphical links do not always match the alt tag information.For Example in the 3rd page, the on-screen text says: Headings whereas the alt tag associated with that icon says: Return to the Titles List.
E.4 Do all OBJECTs/APPLETS have text descriptions and alerntaive accessible version of the content and functions provided by the applet or object.			N/A	Comment for E.4: No comments
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.			N/A	Comment for Y.1: I cannot test this feature using the screen reader, however it is very possible that it won't flow due to heavy usage of inline formatting markups.
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.			N/A	Comment for Y.2: I cannot test this feature using the screen reader, however it is very possible that it won't flow due to heavy usage of inline formatting markups.
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.			N/A	Comment for Y.3: I cannot test this feature using the screen reader, however it is very possible that it won't flow due to heavy usage of inline formatting markups.
Y.4 Are Background images used for decorative styling, instead of inline images?			N/A	Comment for Y.4: No comments
Y.5 Is any image used to stylize text, except in logos and other branding icons?			N/A	Comment for Y.5: There are several images with no alt tag associated which looks like that they are being used for stylistic purposes.
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: Across all pages I have tested, inline formatting markups such as font, b, bgcolor, and color are used.
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?	Yes			Comment for R.1: No comments
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: This is the most critical issue with this application. Generally users with disabilities need longer time to go through all the information especially if the page is not well-structured or very difficult to access. The 9 minutes and 30 seconds timeout is extremely too short annoying because it seems neither IE nor Firefox can hold the session after timeout. Both browsers crashes and user loose all their works running in that window, other tabs or browser window. I have lost my sessions many many times including this report. User spend long period of time to do their research and exactly when they are at the point where they need concentration to find out if what they found is relevant or not but middle in this process all their work in that window and all other tabs or browser windows crashes. User have to have control over his/her timeout. this can be achieved either via a cookie settings or preferably user configuration function builtin the Voyager application.
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?			N/A	Comment for R.5: No comments
R.6 Is an accessible alternative for embedded Java Applets, Flash and other APPLETS and OBJECTS available?			N/A	Comment for R.6: No comments
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: This is a problem with screen readers users using screen readers other than English. Missing this information causes that for example a blind German screen reader won't be able to automatically switch to English to read your pages. Instead his screen reader will read your English content in German language.
S.3 Is character encoding specified?	Yes			Comment for S.3: No comments
Functional Accessibility Comments
The most critical problems with Voyager catelog are: 1. Timeout due to inactivity. See my comments above. 2. Lack of headings for navigation bars and menus. 3. Lack of headings to structure the page. 4. Missing LABELs for form controls 5. Excesive use of inline formatting markups. 6. Inaccessible relevancy indicator We would be glad to discuss all these and other potential issues and possible solutions in our next meeting. We would be glad to work with you on all identified issues so you will have a universally accessible and usable application.

Accessibility Evaluation

Instructions

Evaluation Information

Functional Web Accessibility Testing

Navigation

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

Text Equivalents

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

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

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

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

Styling

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.

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.

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.

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

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

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

Scripting and Automation

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

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

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

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

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?

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

Standards

S.1 Is DOCTYPE specified?

S.2 Is default language specified?

S.3 Is character encoding specified?

Functional Accessibility Comments

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.

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.

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.