Filtered UI Components

Showing 34 Results (Page 1 of 3)

An accessible and bootstrap compatible datepicker

Component Type:Widget This DatePicker widget is a jQuery Plugin which allows the user to select a date. It implements the WAI-ARIA Date Picker design pattern. It is based on the example of the Open AJAX Alliance Accessibility Tools Task Force : http://www.oaa-accessibility.org/examplep/datepicker1/ The calendar portion of the date picker follows a table structure where days of the week and calendar day numbers are layed out in HTML table cells where WAI-ARIA semantics for a grid are applied.

http://eureka2.github.io/ab-datepicker/

Accessible jQueryUI Components Demonstration

Component Type:Framework Examples of accessible interface elements created with jQueryUI.

https://hanshillen.github.io/jqtest/

Fluid Infusion

Component Type:Framework Fluid is an open, collaborative project to improve the user experience and inclusiveness of open source software.

http://fluidproject.org/

Web Experience Toolkit

Component Type:Framework An award-winning front-end framework for building websites that are accessible, usable, interoperable, mobile friendly and multilingual. A collection of flexible and themeable templates and reusable components. A collaborative open source project led by the Government of Canada.

http://wet-boew.github.io/wet-boew/index-en.html

YAML 4 CSS Framework

Component Type:Framework A modular CSS framework for truly flexible, accessible and responsive websites.

http://www.yaml.de/

Foundation Framework

Component Type:Framework A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, including these handy HTML templates to help get you started!

http://foundation.zurb.com/

A11y Kit

Component Type:Snippet Essential JS tools that empower modern accessibility This library provides common jQuery methods that are useful in managing user focus, speaking content and selecting interactive elements.

https://github.com/patrickfox/a11y_kit

U.S. Web Design Standards

Component Type:Framework Open source UI components and visual style guide to create consistency and beautiful user experiences across U.S. federal government websites

https://playbook.cio.gov/designstandards/

jQuery Accessible Tabs Plugin

Component Type:Widget jQuery Accessible Tabs uses a very simple and flexible HTML markup as it's base to build upon. All it needs it's a wrapper containing Headlines and content elements one after the other. This provides a nice non-javascript fallback that does not look like something is missing or broken.

http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php

jQuery Accessible Carrousel System, using ARIA

Component Type:Widget This jQuery plugin will transform a simple list of div’s and hx into a fantastic-shiny carrousel system, using ARIA.

http://a11y.nicolas-hoffmann.net/carrousel/

Accessible Drag and Drop

Component Type:Snippet I have created a simple application to demonstrate drag and drop with ARIA and outlined a workflow based on guidance from WAI-ARIA’s best practice for drag and drop operations. The demonstration consists of a list of artists that can be dragged and dropped into lists under different headings.

https://dev.opera.com/articles/accessible-drag-and-drop/example.html