universal-design-center

  • laptop with codes on screen

Custom Coding Solutions

Overview 

Over the years, the Universal Design Center (UDC) has re-designed, customized and developed accessible coding methodologies to overcome ongoing challenges in creating accessible content on the web.  We've implemented the latest achievements in standard coding, complying with best practices, the result of which has been used by Web Content Developers, Content Management System users/developers and Information Technology professionals to learn and improve accessibility and usability on the web. The following are some of the major UDC custom coding solutions.

Title Attribute

Title Attribute Accessibility (DOCX) Word File  The "title" attribute along with the "aria-label" property should be used to provide additional descriptive and advisory information for the link text.

Accessible Drop-down

Accessible Drop-down Menu (DOCX)  An introduction to technical and analytical aspects of creating accessible Drop-down menu.

Example of an accessible Drop-down menu.

Accessible Accordion

In collaboration with IT Web Development Services:

Accessible Accordion (DOCX) Word File An introduction to a coding methodology composed of two techniques that are used to overcome challenges in developing an accessible accordion.

UDC Custom Elements

UDC staff have been building accessible user interface elements within Web-One that would increase both usability and accessibility among the websites. These elements and modules have been coded with accessibility in mind and are available at UDC Custom Elements page. 

Items included in this release:

  • Link Text-Boxes
  • Jump Back
  • Interactive Checklist 
  • Pop-Up window (light box)
  • Toggle Show/Hide