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…


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


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:


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.


No responses yet

Mar 31 2014

March News Roundup

Published by under Uncategorized

Email sent by Todd McGill, OIT Universal Design/Web Accessibility Specialist

March was a pretty big month in the web accessibility community with several conferences occurring during that time (most notably, CSUN). Here are some of my takeaways from the sessions I attended, listed in the order in which they appear in my notes.


– 1) The Straw Test is a simple and effective technique for designing web forms to help enhance accessibility and mobile-friendlyness. The ideas is to look at your layout through a ‘straw’ (ie, a very narrow a limited view

area) to observe whether form labels, input fields, and action buttons are all easily findable and relatable. Typically, forms that require two-dimensional visual scanning (you need to scan the page both vertically and horizontally to identify and relate all elements) will fail the straw test and reveal a potentially weak design.


– 2) LinkedIn uses web glyph fonts instead of images/tiles for their simple iconography. Not an accessibility enhancement per se, but this route may provide some performance benefits.


– 3) In response to legal issues, the Canadian government has developed the Web Experience Toolkit

(http://wet-boew.github.io/wet-boew/index-en.html) and mandated that all federal sites adopt it. WET is a toolkit based on Twitter Bootstrap that accounts for Bootstrap’s accessibility failings (apparently the JavaScript has some issues) and auto-inserts accessibility features that pertain to webapp-type sites (WAI-ARIA stuff).


– 4) SSB Bart, the developer of our system-wide web accessibility scanning tool (AMP), announced that AMP will soon support scanning and reporting on the accessibility of pdf files. This feature will be available in the ‘near future’. SSB Bart is also considering adding support for Microsoft office documents.


– 5) Theres a group on LinkedIn called Accessible Innovators that has loads of interesting tips and such:



The second news item from March is that UCOP is conducting followup benchmark scans of our selected campus sites this week (list below). I am available to those who would like help reading and interpreting the results.


– Campus (main)

– Undergraduate Admissions

– Graduate Admissions

– Staff Jobs/Human Resources

– Library

– Bookstore

– Student Health

– Student Housing

– Disabled Students Office

– Summer Session

– Extension

– Development

– Medical Center


Todd McGill

Strategic Communications

No responses yet

Next »

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