Sep 04 2014

UCI Recommended Tools for Accessibility & Validation

Provided by Todd McGill, UC EALT Web Accessibility Representative, UCI & Robert Espero, EALT member


 

WAVE – free page-by-page scan. There’s also a Firefox extension.

http://wave.webaim.org/

SSB Bart AMP – The ‘official’ tool used by UC to conduct yearly site scans. There’s definitely a leaning curve with this one, so let me know if you need help using it.

http://uc.ssbbartgroup.com/uc/

Total Validator – I use this one all the time. Love it. Does accessibility, validation, and link checking. Free for page-by-page scans, $50 for the pro tool, which does site-wide scans. Well worth the money.

http://www.totalvalidator.com/tools/protool.html

Color Contrast Checker

http://webaim.org/resources/contrastchecker/

 

SCREEN READERS FOR USERS WHO ARE BLIND or LOW VISION

DSC Cheat Sheet for Screen Readers – New to screenreaders and want to know how to utilize them with browsers? Basic startup commands to get you started are available here:

http://dsc.uci.edu/adaptive_tech/basic_screenreading.php

JAWS (PC) (Job Access With Speech) – FREE 45-minute trial version (per day) available for testing.

http://www.freedomscientific.com/Products/Blindness/Jaws

NVDA (PC) (Non-Visual Desktop Access) -FREE screen reader for Windows.

http://www.nvaccess.org/

Window-Eyes (PC) – Screen reading tool for Windows. Free download with any licensed Microsoft Office product.

http://www.windoweyesforoffice.com/

VoiceOver (Apple OS)– Screen reader built into OS X.

https://www.apple.com/accessibility/osx/voiceover/

No responses yet

Jul 22 2014

Dragon NaturallySpeaking and Web Access

SSB Bart has composed a good, simple video to demonstrate the use of voice recognition (VR). View it at:

 

No responses yet

Jul 08 2014

Web Headings for Screen Readers

Published by under Design and tagged: , ,

Great explanation video as to the importance of headings for screenreaders…

Video

YouTube Preview Image

No responses yet

Jun 24 2014

On-Screen Keyboard Demonstration

Published by under Design and tagged: , , ,

Short video demonstration showing how to use the on-screen keyboard to input on websites.

No responses yet

Jun 24 2014

Effective Color Contrast

Published by under Color,CSS,Design and tagged: , ,

SSB Bart video explaining the importance of effective color contrast for users with visual disabilities.

No responses yet

Jun 24 2014

Web Headings for Screen Readers

Published by under CSS,Design,Uncategorized and tagged: , ,

Video demonstrating the importance of HEADINGS for screen readers.

No responses yet

Jun 24 2014

Web Accessibility Video by SSB Bart

A great short video explaining the importance of web accessibility focusing on Visual Focus Indication…

 

 

No responses yet

May 30 2014

Zot Portal

Published by under UCI Pages

Below is my hands-on Zot!Portal accessibility evaluation. It is a work in progress so I will document issues as I utilize adaptive technologies to interact with it’s pages.

  • Upon visiting the login page, a user who primarily uses a keyboard is not able to “tab-in” to the login and password fields within the “Login to ZotPortal” frame resulting in the inability to access UCI resources. (See https://portal.uci.edu/uPortal/f/u30l1s4/normal/render.uP)

No responses yet

Apr 25 2014

Why Web Accessibility? Video

Published by under Uncategorized

http://www.youtube.com/watch?v=bEM9Fn9aOG8

YouTube Preview Image

No responses yet

Apr 02 2014

Housing 4-2-14

Published by under Uncategorized

Hi Markus

Thanks again for reaching out regarding the accessibility of your housing contracts. Keep in mind that it is important that both the contacts and the tool itself are accessible. I mention this because at our meeting we only discussed the accessibility of the digital contracts. The RFP for the tool should also have an accessibility requirement included.

When you are ready to do in-situ user testing with screen readers, Robert Espero (cc’d) can assist.

I looked in the AMP tool and I didn’t see specific user names for Mitch or Connie, but that doesn’t mean they don’t have access (because Shibboleth). The URL for Shibboleth’d AMP access is:

https://uc.ssbbartgroup.com/uc

The way to grant access to your web scans in AMP is at the project level via the ‘Project Permissions’ link (see screen shot attached).

Here are some other tools I commonly use that you may find helpful:

W3C Validation Service – http://validator.w3.org

WebAIM Color Contrast Checker: – http://webaim.org/resources/contrastchecker/

 

WAVE Accessibility Tool: – http://wave.webaim.org

– I point all our outside vendors/developers to this tool because they won’t have access to AMP

Total Validator Pro: – http://www.totalvalidator.com/tools/protool.html

– Great for site-wide validation scans

I’ll get that example contract markup to you ASAP. Feel free to ping me any time.

Todd

No responses yet

Next »

Sites@UCI provided by the Office of Information Technology, University of California, Irvine