Sue Cullen
Download
1 / 16

Sue Cullen Program Manager, CSUN Universal Design Center - PowerPoint PPT Presentation


  • 106 Views
  • Uploaded on

Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork. UDC Mission. Assist the campus community in creating pathways for individuals to learn, communicate, and share via information technology.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Sue Cullen Program Manager, CSUN Universal Design Center' - alice-albert


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

Sue Cullen

Program Manager, CSUN Universal Design Center

Accessibility Network Product Testing Coordinator for the CSU ATNetwork


Udc mission

UDC Mission

Assist the campus community in creating pathways for individuals to learn, communicate, and share via information technology.

Help the campus community design-in interoperability, usability, and accessibility into information technology so that individual learning and processing styles, or differences in physical characteristics are not barriers to accessing information.


Udc services

UDC Services:

Consultation/Training of Instructional Materials compliance and usability

Web application developers training to design-in web compliance and usability evaluation

Consultation regarding accessibility and usability policy

Compliance and usability testing for purchased, promoted, or supported (PPS) campus software. (based on campus impact)

Maintaining a vetted, centralized repository of ATI training material

Research, identify or create compliance standard application coding techniques.

Compliance testing of websites, software and electronic devices.


Keep the conversation going
Keep the conversation going!

Shared Campus Responsibility

Presentations/Events

Presentations to Campus Governance Committees

ATI Regional Conference

Just One Thing Challenge

Save Time & Money Campaign

Universal Design INACTION

Accessibility Camp LA

CSU ATI Compliance Sheriff Regional Trainings

Training-Training-Training

  • ATI Executive Sponsorship

  • Campus Governance Committees

  • Advisory Committee for Academic Technology

  • Small Collaborative Working Groups

  • Campus Wide Disabilities Issues Board

  • Accessibility Working Group

  • ATI Steering Working Group


Cultural Change for Web Design

Integrate compliance standard skills into the everyday work habits and expectation of employees.


Finding your way through the maze of compliance standards

Compliant and Usable Technology

Design/Evaluate/Repeat


Tools and plug ins
Tools and Plug-ins

  • Fire Bug

    • https://getfirebug.com/

  • Wave

    • http://wave.webaim.org/toolbar/

  • ColourContrast Analyser

    • http://www.paciellogroup.com/resources/contrastAnalyser

  • JuicyStudio

    • http://juicystudio.com/index.php

  • Grayscale

    • https://chrome.google.com/webstore/detail/grayscale-tool/odolflphhameojgliipcnahnipmogigo (Chrome)

    • http://www.visionaustralia.org/digital-access-wat

  • Web Developer Extension

    • https://addons.mozilla.org/en-US/firefox/addon/web-developer/

  • ComplianceSheriff

    • http://www.csun.edu/accessibility/documents/HiSoftware-Compliance-Sheriff-Limited-Feature-Guide.docx

  • Accessibility Evaluation Toolbar

    • https://addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/





Alternative description
Alternative Description

Alternative Text – Best Practices

  • Poor example of Alt text:

Photo of a Student

  • Good example of Alt text:

Student using a microscope


Alternative description1
Alternative Description

How do you know if the image is missing alt text?

  • Compliance Sheriff Testing


Comprehensive visual display
Comprehensive Visual Display

How do you know if the page fails color contrast?

#navigation a:link {

color:#fff;

text-decoration:none;

margin:0px 10px 0 10px;

padding: 10px 6px 10px 6px;

font-size:105%;

font-weight:700;

} Text color: White

Background color: Red

#navigation a:hover {

color:#FC3;

text-decoration:none;

margin:0px 10px 0 10px;

padding: 10px 6px 10px 6px;

font-size:105%;

font-weight:700;

} Text color: yellow

Background color: Red

  • Compliance Sheriff


Navigation
Navigation

Link Requirement

Example of same link text to refer to different resources error caught


User interface
User Interface

How do you know if the form is missing <label>?

  • Wave Toolbar


ad