apex4x
Version:
The Comprehensive ARIA Development Suite
247 lines (229 loc) • 10 kB
HTML
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Apex 4X</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta
name="description"
content="Apex 4X is a comprehensive ARIA development suite for advanced web development."
/>
<meta
name="keywords"
content="ARIA, wai-aria, w3c, interface designs, user interface automation, internet application design, user interface components, application user interface design, dynamic content management, interface designers, rich interface application, dynamic content management system, interface designing, rich internet app, rich internet apps, user interface design web, application ui, ria development, rich internet application design, ui web design, web design user interface, ui interface design, ui designing, automation ui, accessible rich internet applications, rich user interface design"
/>
<meta name="Author" content="Bryan Garaventa" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
</head>
<body>
<div id="container">
<header>
<h1><strong>Apex 4X</strong></h1>
<p class="logo">
<img
alt="WhatSock : Changing the world one step at a time"
src="/img/whatsock.svg"
/>
</p>
<nav>
<ul class="menuList">
<li>
<a href="/Tutorials/Beginner-Introduction.htm"
>Beginner Tutorial</a
>
</li>
<li>
<a href="https://github.com/whatsock/apex">Download Apex 4X</a>
</li>
<li>
<a href="https://whatsock.com/Templates">Widget Templates</a>
</li>
<li>
<a
href="https://whatsock.github.io/visual-aria/github-bookmarklet/visual-aria.htm"
>Visual ARIA for Web</a
>
</li>
<li>
<a
href="https://chrome.google.com/webstore/detail/visual-aria/lhbmajchkkmakajkjenkchhnhbadmhmk?hl=en-GB"
>Visual ARIA for Chrome</a
>
</li>
<li>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/visual-aria/"
>Visual ARIA for Firefox</a
>
</li>
<li>
<a href="https://whatsock.com/training/matrices"
>ARIA Role Matrices</a
>
</li>
<li>
<a href="https://whatsock.com/training"
>Accessibility Tree Guide</a
>
</li>
</ul>
</nav>
</header>
<div id="wrapper">
<div id="mContent">
<div id="mcOverview">
<main>
<article>
<h2>Overview</h2>
<div class="intro content">
<p>
Apex 4X is a comprehensive ARIA development suite, including
a core collection of powerful ARIA development utilities and
functions, plus a full index of scalable ARIA design pattern
templates. It also includes two APIs that are specifically
designed to enhance and facilitate advanced ARIA
development.
</p>
<p>
ARIA stands for Accessible Rich Internet Applications, and
is a technical specification published by the World Wide Web
Consortium (W3C) Web Accessibility Initiative (WAI). The
purpose, to map simulated web controls to equivalent control
types on the platform Accessibility API, and to provide
various mechanisms to enhance the accessibility of web
technologies for people with disabilities.
</p>
<p>
Apex 4X provides a comprehensive suite of ARIA related
processes to make developing accessible technologies easier
and more reliable and does not expose the accessibility
layer where it can be casually changed by those who do not
understand it. This makes it possible for developers who
have no prior background in accessible development, to
create and implement accessible web technologies for people
with disabilities regardless.
</p>
<p>
The $A API provides all core functionality, including
dynamic modularization for swappable components, advanced
ARIA development features and processes, data management,
DOM related methods and processes, dynamic import methods,
visual effect methods for content display and animation, and
chaining.
</p>
<p>
The DC (Dynamic Component) API provides direct access to
individually configurable components and widgets. Each DC
instance includes the ability to control dynamic behaviors,
manage content and events, utilize lifecycle methods, pass
custom props between other DC instances and external
resources, control rendering processes, plus manage visual
effects and animation.
</p>
<p>
To learn more, view the
<a href="/Tutorials/Beginner-Introduction.htm"
>Beginner Tutorial</a
>.
</p>
<h3>Accessible Widget Templates</h3>
<p>
All of the following ARIA widget templates are available for
immediate use. None of them require any prior knowledge of
ARIA to implement.
</p>
<nav>
<ul class="templates-list">
<li>
<a href="/Templates/Accordions/index.htm">Accordions</a>
</li>
<li>
<a href="/Templates/Buttons/index.htm">Buttons</a>
</li>
<li>
<a href="/Templates/Carousels/index.htm">Carousels</a>
</li>
<li>
<a href="/Templates/Checkboxes/index.htm">Checkboxes</a>
</li>
<li>
<a href="/Templates/Comboboxes/index.htm">Comboboxes</a>
</li>
<li>
<a href="/Templates/Datepickers/index.htm"
>Datepickers</a
>
</li>
<li>
<a href="/Templates/Dialogs/index.htm">Dialogs</a>
</li>
<li>
<a href="/Templates/Drag/index.htm">Drag and Drop</a>
</li>
<li>
<a href="/Templates/Footnotes/index.htm">Footnotes</a>
</li>
<li><a href="/Templates/Grids/index.htm">Grids</a></li>
<li>
<a href="/Templates/Listboxes/index.htm">Listboxes</a>
</li>
<li><a href="/Templates/Menus/index.htm">Menus</a></li>
<li><a href="/Templates/Popups/index.htm">Popups</a></li>
<li><a href="/Templates/Radios/index.htm">Radios</a></li>
<li>
<a href="/Templates/Sliders/index.htm">Sliders</a>
</li>
<li>
<a href="/Templates/Switches/index.htm">Switches</a>
</li>
<li><a href="/Templates/Tabs/index.htm">Tabs</a></li>
<li>
<a href="/Templates/Tooltips/index.htm">Tooltips</a>
</li>
<li><a href="/Templates/Trees/index.htm">Trees</a></li>
</ul>
</nav>
<h3>Download</h3>
<p>
Apex 4X including all template design patterns is
distributed under the terms of the Open Source Initiative
OSI - MIT License, and may be freely used for any purpose
within any web technology.
</p>
<p>
<a href="https://github.com/whatsock/apex"
>Download Apex 4X from GitHub.</a
>
</p>
</div>
</article>
</main>
<aside>
<section class="honors">
<a href="https://www.thersa.org/" target="_blank">
<img
src="img/rsa_fellowship_logo.jpg"
alt="Supported by the Royal Society of Arts"
title="Supported by the Royal Society of Arts"
/></a>
</section>
</aside>
</div>
</div>
</div>
<footer>
<p class="copyright">
Website ©
<script>
document.write(new Date().getFullYear());
</script>
WhatSock.com. All rights reserved.
</p>
</footer>
</div>
</body>
<script
async
src="https://api.whatsock.com/accdc-updates.js?4x=home"
></script>
</html>