Skip to content

Commit 6878c24

Browse files
agligaagliga
committed
chore: cleaned up all links
1 parent d00b5cc commit 6878c24

File tree

87 files changed

+319
-403
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

87 files changed

+319
-403
lines changed

‎.marko-run/routes.d.ts‎

Lines changed: 14 additions & 2 deletions
Large diffs are not rendered by default.

‎src/data/accessibility.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ const a11yDocsTemplates = import.meta.glob(
1111
export interface A11yDocsMap {
1212
[key: string]: {
1313
properName: string;
14+
name: string;
1415
list: {
1516
properName: string;
1617
name: string;
@@ -34,6 +35,7 @@ export const a11yDocs = Object.keys(a11yDocsTemplates).reduce<A11yDocsMap>(
3435
const properName = getProperName(name);
3536
data[type] = data[type] || {};
3637
data[type].properName = getProperName(type);
38+
data[type].name = type;
3739
data[type].list = data[type].list || [];
3840

3941
data[type].list.push({

‎src/routes/_index/accessibility/anti-patterns/+page.marko‎

Lines changed: 5 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,5 @@
1-
<div class="accessibility-landing-content">
2-
<h1>Anti-Patterns</h1>
3-
<p>
4-
This section documents common accessibility anti-patterns that should be
5-
avoided when building web applications.
6-
</p>
7-
<ul>
8-
<li>
9-
<a href="accessibility/anti-patterns/disabling-pinch-to-zoom">
10-
Disabling Pinch-to-Zoom
11-
</a>
12-
</li>
13-
<li>
14-
<a href="accessibility/anti-patterns/hand-cursor-on-buttons">
15-
Hand Cursor on Buttons
16-
</a>
17-
</li>
18-
<li>
19-
<a href="accessibility/anti-patterns/javascript-href">
20-
JavaScript HREF
21-
</a>
22-
</li>
23-
<li>
24-
<a href="accessibility/anti-patterns/layout-table">
25-
Layout Table
26-
</a>
27-
</li>
28-
<li>
29-
<a href="accessibility/anti-patterns/non-interactive-hover">
30-
Mouse Hover on Static Elements
31-
</a>
32-
</li>
33-
<li>
34-
<a href="accessibility/anti-patterns/open-new-window">
35-
Open New Window
36-
</a>
37-
</li>
38-
<li>
39-
<a href="accessibility/anti-patterns/setting-focus-on-page-load">
40-
Setting Focus on Page Load
41-
</a>
42-
</li>
43-
<li>
44-
<a href="accessibility/anti-patterns/tabindex-itis">
45-
Tabindex-itis
46-
</a>
47-
</li>
48-
<li>
49-
<a href="accessibility/anti-patterns/title-tooltip">
50-
Title Tooltip
51-
</a>
52-
</li>
53-
</ul>
54-
</div>
1+
<a11y-docs-section-nav type="anti-patterns">
2+
<@title>Anti-Patterns</@title>
3+
This section documents common accessibility anti-patterns that should be
4+
avoided when building web applications.
5+
</a11y-docs-section-nav>

‎src/routes/_index/accessibility/anti-patterns/layout-table+page.marko‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { urls } from "../../../../data";
12
<div class="a11y-pattern-content">
23
<h1>Layout Table</h1>
34
<p>
@@ -38,7 +39,7 @@
3839
</code></pre>
3940
<p>
4041
The table tags should only be used to represent
41-
<a href="components/table">
42+
<a href=`${urls.components}/table`>
4243
tabular relationships between data
4344
</a>
4445
. The table tags have semantics that will cause problems for screen

‎src/routes/_index/accessibility/anti-patterns/non-interactive-hover+page.marko‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { urls } from "../../../../data";
12
<div class="a11y-pattern-content">
23
<h1>Mouse Hover on Static Elements</h1>
34
<p>
@@ -21,7 +22,7 @@
2122
<p>
2223
<strong>See also</strong>
2324
:
24-
<a href="accessibility/anti-patterns/tabindex-itis">
25+
<a href=`${urls.accessibility}/anti-patterns/tabindex-itis`>
2526
Tabindex-itis
2627
</a>
2728
</p>

‎src/routes/_index/accessibility/anti-patterns/open-new-window+page.marko‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { urls } from "../../../../data";
12
<div class="a11y-pattern-content">
23
<h1>Open New Window</h1>
34
<p>
@@ -41,12 +42,12 @@
4142
<h2>References</h2>
4243
<ul>
4344
<li>
44-
<a href="components/link">
45+
<a href=`${urls.components}/link`>
4546
Component Pattern : Link
4647
</a>
4748
</li>
4849
<li>
49-
<a href="accessibility/techniques/offscreen-text">
50+
<a href=`${urls.accessibility}/techniques/offscreen-text`>
5051
Technique: Clipped Text
5152
</a>
5253
</li>

‎src/routes/_index/accessibility/anti-patterns/setting-focus-on-page-load+page.marko‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { urls } from "../../../../data";
12
<div class="a11y-pattern-content">
23
<h1>Setting Focus on Page Load</h1>
34
<p>
@@ -41,7 +42,7 @@
4142
<h2>Exceptions</h2>
4243
<p>
4344
Specific MIND Patterns, such as
44-
<a href="components/page-notice">
45+
<a href=`${urls.components}/page-notice`>
4546
Page Notice
4647
</a>
4748
, may direct you to set focus on page load for critical error cases.

‎src/routes/_index/accessibility/misc/+page.marko‎

Lines changed: 3 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,3 @@
1-
<div class="accessibility-landing-content">
2-
<h1>Appendix</h1>
3-
<ul>
4-
<li>
5-
<a href="accessibility/appendix/aria-essentials">
6-
ARIA Essentials
7-
</a>
8-
</li>
9-
<li>
10-
<a href="accessibility/appendix/checklist">
11-
Checklist
12-
</a>
13-
</li>
14-
<li>
15-
<a href="accessibility/appendix/faq">
16-
Accessibility FAQ
17-
</a>
18-
</li>
19-
<li>
20-
<a href="accessibility/appendix/keyboard-interface">
21-
Keyboard Interface
22-
</a>
23-
</li>
24-
<li>
25-
<a href="accessibility/appendix/known-issues">
26-
Known Issues
27-
</a>
28-
</li>
29-
<li>
30-
<a href="accessibility/appendix/legacy-patterns">
31-
Legacy Patterns
32-
</a>
33-
</li>
34-
<li>
35-
<a href="accessibility/appendix/mind-pattern-template">
36-
Accessibility Pattern Template
37-
</a>
38-
</li>
39-
<li>
40-
<a href="accessibility/appendix/pattern-naming-scheme">
41-
Pattern Naming Scheme
42-
</a>
43-
</li>
44-
<li>
45-
<a href="accessibility/appendix/references">
46-
References
47-
</a>
48-
</li>
49-
</ul>
50-
</div>
1+
<a11y-docs-section-nav type="misc">
2+
<@title>Misc</@title>
3+
</a11y-docs-section-nav>

‎src/routes/_index/accessibility/misc/faq+page.marko‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { urls } from "../../../../data";
12
<div class="a11y-pattern-content">
23
<h1>Accessibility FAQ</h1>
34
<p>
@@ -49,7 +50,7 @@
4950
</p>
5051
<p>
5152
See
52-
<a href="accessibility/anti-patterns/hand-cursor-on-buttons">
53+
<a href=`${urls.accessibility}/anti-patterns/hand-cursor-on-buttons`>
5354
Hand Cursor on Buttons
5455
</a>
5556
antipattern for more info.
@@ -76,7 +77,7 @@
7677
<p>
7778
Not every dynamic update to the page needs to be communicated to the user
7879
via a
79-
<a href="accessibility/techniques/live-region">
80+
<a href=`${urls.accessibility}/techniques/live-region`>
8081
live region
8182
</a>
8283
. Doing so could create a confusing, noisy and distracting experience
@@ -140,7 +141,7 @@
140141
is to inform that there
141142
<em>was</em>
142143
an error. They can then navigate to the
143-
<a href="accessibility/messaging/page-notice">
144+
<a href=`${urls.accessibility}/messaging/page-notice`>
144145
page notice
145146
</a>
146147
or field to learn more.
@@ -195,7 +196,7 @@
195196
<h2>Will offscreen text incur a search ranking penalty?</h2>
196197
<p>
197198
No, it is fine to use
198-
<a href="accessibility/techniques/offscreen-text">
199+
<a href=`${urls.accessibility}/techniques/offscreen-text`>
199200
offscreen text
200201
</a>
201202
.

‎src/routes/_index/accessibility/patterns/+page.marko‎

Lines changed: 4 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,4 @@
1-
<div class="accessibility-landing-content">
2-
<h1>Patterns</h1>
3-
<p>List of design patterns that don't have a dedicated component.</p>
4-
<ul>
5-
<li>
6-
<a href="accessibility/patterns/description-list">
7-
Description List
8-
</a>
9-
</li>
10-
<li>
11-
<a href="accessibility/patterns/fake-menu-button">
12-
Fake Menu Button
13-
</a>
14-
</li>
15-
<li>
16-
<a href="accessibility/patterns/fake-tabs">
17-
Fake Tabs
18-
</a>
19-
</li>
20-
<li>
21-
<a href="accessibility/patterns/footnote">
22-
Footnote
23-
</a>
24-
</li>
25-
<li>
26-
<a href="accessibility/patterns/form-validation">
27-
Form Validation
28-
</a>
29-
</li>
30-
<li>
31-
<a href="accessibility/patterns/form">
32-
Form
33-
</a>
34-
</li>
35-
<li>
36-
<a href="accessibility/patterns/heading">
37-
Heading
38-
</a>
39-
</li>
40-
<li>
41-
<a href="accessibility/patterns/image">
42-
Image
43-
</a>
44-
</li>
45-
<li>
46-
<a href="accessibility/patterns/input-dialog">
47-
Input Dialog
48-
</a>
49-
</li>
50-
<li>
51-
<a href="accessibility/patterns/input-meter">
52-
Input Meter
53-
</a>
54-
</li>
55-
<li>
56-
<a href="accessibility/patterns/input-validation">
57-
Input Validation
58-
</a>
59-
</li>
60-
<li>
61-
<a href="accessibility/patterns/popover">
62-
Popover
63-
</a>
64-
</li>
65-
<li>
66-
<a href="accessibility/patterns/pulldown-list">
67-
Pulldown List
68-
</a>
69-
</li>
70-
<li>
71-
<a href="accessibility/patterns/region">
72-
Region
73-
</a>
74-
</li>
75-
<li>
76-
<a href="accessibility/patterns/skip-navigation">
77-
Skip Navigation
78-
</a>
79-
</li>
80-
<li>
81-
<a href="accessibility/patterns/table-cell">
82-
Table Cell
83-
</a>
84-
</li>
85-
<li>
86-
<a href="accessibility/patterns/time">
87-
Time
88-
</a>
89-
</li>
90-
</ul>
91-
</div>
1+
<a11y-docs-section-nav type="patterns">
2+
<@title>Patterns</@title>
3+
List of design patterns that don't have a dedicated component.
4+
</a11y-docs-section-nav>

0 commit comments

Comments
 (0)