2018-a11y-code-samples/index.html at master · diagram-codesprint/2018-a11y-code-samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
	<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>DIAGRAM Center: Accessible Interactives Library 2018</title>
		<meta name="description" content="A code repository to share sample code that is designed to improve accessibility.">
		<meta name="author" content="DIAGRAM Center">
        <link rel="stylesheet" href="style.css">


    </head>
	<body>
		<h1>DIAGRAM Center: Accessible Interactives Library</h1>
		<h2>Accessible Widgets</h2>

        <table>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Main Link</th>
                <th scope="col">Demo</th>
            </tr>

            <tr>
                <th scope="row">Drag and Drop</th>
                <td><a href="https://github.com/diagram-codesprint/2018-a11y-code-samples/tree/master/Accessible-DragAndDrop-Demo-without-Aria-grabbed">Drag and Drop GitHub</a></td>
                <td><a href="Accessible-DragAndDrop-Demo-without-Aria-grabbed/drag-drop.html">Drag and Drop Demo</a></td>
            </tr>
            <tr>
                <th scope="row">Multi-Check in Grid</th>
                <td><a href="https://github.com/diagram-codesprint/2018-a11y-code-samples/tree/master/Accessible-Multi-check-in-grid">Multi-check GitHub</a></td>
                <td><a href="Accessible-Multi-check-in-grid/grid-check.html">Multi-Check in Grid Demo</a></td>
            </tr>
            <tr>
                <th scope="row">ARIA Menubar</th>
                <td><a href="https://github.com/WhatSock/aria-menubar">Multi-check GitHub</a></td>
                <td><a href="http://whatsock.com/test/ARIA%20Menubar/index.html">ARIA Menubar Demo</a></td>
            </tr>
	    	<tr>
                <th scope="row">Adobe Accessible Mega Menu</th>
                <td><a href="https://github.com/adobe-accessibility/Accessible-Mega-Menu/">GitHub</a></td>
                <td><a href="https://adobe-accessibility.github.io/Accessible-Mega-Menu/">Demo and documentation</a></td>

		</tr>

	</table>


		<h2>Developer Tools</h2>

  <hr/>
<p>Update: June 11, 2018</p>
    <img src="benetech_logo-300x136.jpg" alt="Benetech Logo"/>
   <img src="DIAGRAM_logo.png" alt="DIAGRAM Logo"/>
<p><img src="IDEA-logo-2.gif" alt="Ideas that Work Logo" />The DIAGRAM Center is a Benetech initiative supported by the U.S. Department of Education, Office of Special Education Programs (Cooperative Agreement #H327B100001). Opinions expressed herein are those of the authors and do not necessarily represent the position of the U.S. Department of Education.</p>

	</body>
</html>