Skip to content

Commit c734b57

Browse files
tuxonicetuxonice
committed
[CHORE] Better structure organization
- add more criteria for Perceivable
1 parent 6d2be78 commit c734b57

25 files changed

+1198
-458
lines changed

‎a11y-demo/index.html

+75-14
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ <h2>Perceivable</h2>
3737
<div class="card-body">
3838
<h2 class="card-title h5">WCAG 1.1.1</h2>
3939
<p class="card-text">Non-text Content (Level A)</p>
40-
<a href="non-text-content.html" class="btn btn-primary">Check Examples</a>
40+
<a href="perceivable/wcag-111-non-text-content.html" class="btn btn-primary">Check Examples</a>
4141
</div>
4242
</div>
4343
</div>
@@ -47,7 +47,7 @@ <h2 class="card-title h5">WCAG 1.1.1</h2>
4747
<div class="card-body">
4848
<h2 class="card-title h5">WCAG 1.2.2</h2>
4949
<p class="card-text">Captions (Prerecorded) (Level A)</p>
50-
<a href="captions-prerecorded.html" class="btn btn-primary">Check Examples</a>
50+
<a href="perceivable/wcag-122-captions-prerecorded.html" class="btn btn-primary">Check Examples</a>
5151
</div>
5252
</div>
5353
</div>
@@ -57,7 +57,37 @@ <h2 class="card-title h5">WCAG 1.2.2</h2>
5757
<div class="card-body">
5858
<h2 class="card-title h5">WCAG 1.3.1</h2>
5959
<p class="card-text">Info and Relationships (Level A)</p>
60-
<a href="info-and-relationships.html" class="btn btn-primary">Check Examples</a>
60+
<a href="perceivable/wcag-131-info-and-relationships.html" class="btn btn-primary">Check Examples</a>
61+
</div>
62+
</div>
63+
</div>
64+
65+
<div class="col-md-4 mb-4">
66+
<div class="card h-100">
67+
<div class="card-body">
68+
<h2 class="card-title h5">WCAG 1.3.2</h2>
69+
<p class="card-text">Meaningful Sequence (Level A)</p>
70+
<a href="perceivable/wcag-132-meaningful-sequence.html" class="btn btn-primary">Check Examples</a>
71+
</div>
72+
</div>
73+
</div>
74+
75+
<div class="col-md-4 mb-4">
76+
<div class="card h-100">
77+
<div class="card-body">
78+
<h2 class="card-title h5">WCAG 1.3.3</h2>
79+
<p class="card-text">Sensory Characteristics (Level A)</p>
80+
<a href="perceivable/wcag-133-sensory-characteristics.html" class="btn btn-primary">Check Examples</a>
81+
</div>
82+
</div>
83+
</div>
84+
85+
<div class="col-md-4 mb-4">
86+
<div class="card h-100">
87+
<div class="card-body">
88+
<h2 class="card-title h5">WCAG 1.3.4</h2>
89+
<p class="card-text">Orientation (Level AA)</p>
90+
<a href="perceivable/wcag-134-orientation.html" class="btn btn-primary">Check Examples</a>
6191
</div>
6292
</div>
6393
</div>
@@ -67,16 +97,47 @@ <h2 class="card-title h5">WCAG 1.3.1</h2>
6797
<div class="card-body">
6898
<h2 class="card-title h5">WCAG 1.4.1</h2>
6999
<p class="card-text">Use of Color (Level A)</p>
70-
<a href="use-of-color.html" class="btn btn-primary">Check Examples</a>
100+
<a href="perceivable/wcag-141-use-of-color.html" class="btn btn-primary">Check Examples</a>
71101
</div>
72102
</div>
73103
</div>
104+
105+
<div class="col-md-4 mb-4">
106+
<div class="card h-100">
107+
<div class="card-body">
108+
<h2 class="card-title h5">WCAG 1.4.2</h2>
109+
<p class="card-text">WCAG 1.4.2 Audio Control (Level A)</p>
110+
<a href="perceivable/wcag-142-audio-control.html" class="btn btn-primary">Check Examples</a>
111+
</div>
112+
</div>
113+
</div>
114+
115+
<div class="col-md-4 mb-4">
116+
<div class="card h-100">
117+
<div class="card-body">
118+
<h2 class="card-title h5">WCAG 1.4.3</h2>
119+
<p class="card-text">1.4.3 Contrast (Minimum) (Level AA)</p>
120+
<a href="perceivable/wcag-143-contrast-minimum.html" class="btn btn-primary">Check Examples</a>
121+
</div>
122+
</div>
123+
</div>
124+
125+
<div class="col-md-4 mb-4">
126+
<div class="card h-100">
127+
<div class="card-body">
128+
<h2 class="card-title h5">WCAG 1.4.4</h2>
129+
<p class="card-text">1.4.4 Resize Text (Level AA)</p>
130+
<a href="perceivable/wcag-144-resize-text.html" class="btn btn-primary">Check Examples</a>
131+
</div>
132+
</div>
133+
</div>
134+
74135
<div class="col-md-4 mb-4">
75136
<div class="card h-100">
76137
<div class="card-body">
77138
<h2 class="card-title h5">WCAG 1.4.5</h2>
78139
<p class="card-text">Images of Text (Level AA)</p>
79-
<a href="images-of-text.html" class="btn btn-primary">Check Examples</a>
140+
<a href="perceivable/wcag-145-images-of-text.html" class="btn btn-primary">Check Examples</a>
80141
</div>
81142
</div>
82143
</div>
@@ -92,7 +153,7 @@ <h2>Operable</h2>
92153
<div class="card-body">
93154
<h2 class="card-title h5">WCAG 2.1.2</h2>
94155
<p class="card-text">No Keyboard Trap (Level A)</p>
95-
<a href="no-keyboard-trap.html" class="btn btn-primary">Check Examples</a>
156+
<a href="operable/wcag-212-no-keyboard-trap.html" class="btn btn-primary">Check Examples</a>
96157
</div>
97158
</div>
98159
</div>
@@ -101,7 +162,7 @@ <h2 class="card-title h5">WCAG 2.1.2</h2>
101162
<div class="card-body">
102163
<h2 class="card-title h5">WCAG 2.2.2</h2>
103164
<p class="card-text">Pause, Stop, Hide (Level A)</p>
104-
<a href="pause-stop-hide.html" class="btn btn-primary">Check Examples</a>
165+
<a href="operable/wcag-222-pause-stop-hide.html" class="btn btn-primary">Check Examples</a>
105166
</div>
106167
</div>
107168
</div>
@@ -110,7 +171,7 @@ <h2 class="card-title h5">WCAG 2.2.2</h2>
110171
<div class="card-body">
111172
<h2 class="card-title h5">WCAG 2.4.3</h2>
112173
<p class="card-text">Focus Order (Level A)</p>
113-
<a href="focus-order.html" class="btn btn-primary">Check Examples</a>
174+
<a href="operable/wcag-243-focus-order.html" class="btn btn-primary">Check Examples</a>
114175
</div>
115176
</div>
116177
</div>
@@ -119,7 +180,7 @@ <h2 class="card-title h5">WCAG 2.4.3</h2>
119180
<div class="card-body">
120181
<h2 class="card-title h5">WCAG 2.4.4</h2>
121182
<p class="card-text">Link Purpose (Level A)</p>
122-
<a href="link-purpose.html" class="btn btn-primary">Check Examples</a>
183+
<a href="operable/wcag-244-link-purpose.html" class="btn btn-primary">Check Examples</a>
123184
</div>
124185
</div>
125186
</div>
@@ -128,7 +189,7 @@ <h2 class="card-title h5">WCAG 2.4.4</h2>
128189
<div class="card-body">
129190
<h2 class="card-title h5">WCAG 2.4.7</h2>
130191
<p class="card-text">Focus Visible (Level AA)</p>
131-
<a href="focus-visible.html" class="btn btn-primary">Check Examples</a>
192+
<a href="operable/wcag-247-focus-visible.html" class="btn btn-primary">Check Examples</a>
132193
</div>
133194
</div>
134195
</div>
@@ -144,7 +205,7 @@ <h2>Understandable</h2>
144205
<div class="card-body">
145206
<h2 class="card-title h5">WCAG 3.2.2</h2>
146207
<p class="card-text">On Input (Level A)</p>
147-
<a href="on-input.html" class="btn btn-primary">Check Examples</a>
208+
<a href="understandable/wcag-322-on-input.html" class="btn btn-primary">Check Examples</a>
148209
</div>
149210
</div>
150211
</div>
@@ -153,7 +214,7 @@ <h2 class="card-title h5">WCAG 3.2.2</h2>
153214
<div class="card-body">
154215
<h2 class="card-title h5">WCAG 3.3.1</h2>
155216
<p class="card-text">Error Identification (Level A)</p>
156-
<a href="error-identification.html" class="btn btn-primary">Check Examples</a>
217+
<a href="understandable/wcag-331-error-identification.html" class="btn btn-primary">Check Examples</a>
157218
</div>
158219
</div>
159220
</div>
@@ -162,7 +223,7 @@ <h2 class="card-title h5">WCAG 3.3.1</h2>
162223
<div class="card-body">
163224
<h2 class="card-title h5">WCAG 3.3.2</h2>
164225
<p class="card-text">Labels or Instructions (Level A)</p>
165-
<a href="labels.html" class="btn btn-primary">Check Examples</a>
226+
<a href="understandable/wcag-332-labels-and-instructions.html" class="btn btn-primary">Check Examples</a>
166227
</div>
167228
</div>
168229
</div>
@@ -178,7 +239,7 @@ <h2>Robust</h2>
178239
<div class="card-body">
179240
<h2 class="card-title h5">WCAG 4.1.2</h2>
180241
<p class="card-text">Name, Role, Value (Level A)</p>
181-
<a href="name-role-value.html" class="btn btn-primary">Check Examples</a>
242+
<a href="robust/wcag-412-name-role-value.html" class="btn btn-primary">Check Examples</a>
182243
</div>
183244
</div>
184245
</div>

‎a11y-demo/media/sample-audio-01.mp3

3.66 MB
Binary file not shown.

‎a11y-demo/media/sample-audio-02.mp3

3.66 MB
Binary file not shown.

‎a11y-demo/non-text-content.html

-163
This file was deleted.

0 commit comments

Comments
 (0)