Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
top
top
December 4, 2015

Release 5.3.0

 


...

CCCApply Accessibility Efforts

Anchor
5.3.accessibility-overview
5.3.accessibility-overview

 

 



The OpenCCC account creation and CCCApply college application platforms underwent web accessibility evaluations this past year and now include greater support for potential students with disabilities registering and applying to colleges. The initial focus and remediation efforts addressed specific accessibility issues in both platforms resulting in improvements when interacting by keyboard or when using various assistive technologies (i.e., screen-readers, speech input, screen-magnification, etc.). 


Accessibility evaluations and development will continue for both platforms with a goal of meeting the Web Content Accessibility Guidelines 2.0, Level AA (WCAG 2.0, AA). Further, a web page identifying the accessibility of the platforms is now publicly available along with contact information for individuals to report an accessibility issue when completing either the OpenCCC or CCCApply applications. 


Overview of Remediated Issues

...

The OpenCCC and CCCApply platforms use images to communicate college branding as well as identify progress through the application process. Images that provide information or add context now include descriptive text to improve the user experience. Images that are for visual design only have been modified so they do not speak incorrect information when encountered by screen-reader applications. 


Anchor
5.3.form-labels
5.3.form-labels
Form Labels

Form labels provide a mechanism by which assistive technologies can associate a form field with the associated on-screen text question. All form fields, including text entry, radio buttons, checkboxes, and drop-down menus, were reviewed and modified as needed to programmatically associate the form field with its corresponding on-screen text question. As a result, when using assistive technology and focus is set to a form field, the appropriate text question will be communicated back to the applicant. 


Anchor
5.3.hover-help
5.3.hover-help
English Hover Help Text

...

3) To meet the need of providing a language translation of the form field instruction in Spanish, only the English Hover Help text was removed at this time.

...


Anchor
5.3.errors
5.3.errors
Error and Explanatory Dialog Windows

Error and explanatory dialog windows appear throughout the application as pop-up windows that require user interaction before returning to the main screen. Such dialog windows may provide clarification of terms or indicate to the user of inaccurate or incorrect information entered during the application process. These error and explanatory dialog windows have been modified to support assistive technologies and, when closed, return the individual back to the original location on the web page. If the dialog window is due to an input error, then the focus will be returned to the form field that is not correct. This is particularly advantageous for applicants using the keyboard, screen-readers, or screen-magnification solutions such that focus is placed back to the relevant content when the dialog window is closed. 


Anchor
5.3.color-contrast
5.3.color-contrast
Color Contrast

As part of the review process, color contrast was reviewed and modified to meet the contrast requirements indicated per the WCAG 2.0, AA criteria. While these changes do not affect the color palettes for a college's logo or branding, changes were made to buttons, hyperlinks, and other elements necessary for use during the application process. Color contrast will be reviewed continually as the design and appearance of the OpenCCC and CCCApply platforms evolve. 


Anchor
5.3.access-web-page
5.3.access-web-page
Accessibility Web Page

...

The accessibility page contains information specific to website accessibility, including common keyboard commands for web browsers and contact information for reporting an accessibility issue. The contact information includes an e-mail address specific for accessibility reporting and a phone, TTY, and physical campus address. 


↑Top