-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (104 loc) · 6.47 KB
/
index.html
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@a11yMel" />
<meta name="twitter:title" content="How to fund accessibility improvements on the web" />
<meta name="twitter:description" content="It can be challenging to rationalize funding requests for improving accessibility on the web; this website provides ideas and rationale." />
<meta name="twitter:image" content="https://pleasefunda11y.com/social-card-2.png" />
<meta property="og:url" content="https://pleasefunda11y.com/" />
<meta property="og:title" content="How to fund accessibility improvements on the web" />
<meta property="og:description" content="It can be challenging to rationalize funding requests for improving accessibility on the web; this website provides ideas and rationale." />
<meta property="og:image" content="https://pleasefunda11y.com/social-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<title>How to fund digital accessibility work</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<img src="Arrow-09_Illustrative_CalltoActions.svg" alt="" aria-hidden="true" height="50" />
<h1>How to Fund Accessibility Work</h1>
<img src="Arrow-09_Illustrative_CalltoActions.svg" alt="" aria-hidden="true" height="50" />
</header>
<main>
<p class="intro">It's easy for someone to say, "just convince management to do it." But what does that really mean? Especially when it comes to digital accessibility, companies want to help but have no idea where to get started.</p>
<p>This document seeks to outline the places where public, open-source work would benefit from funding, and such work
would also improve the state of accessibility (a11y) across the web.</p>
<img src="social-card.png" alt="action step: visibly support accessibility efforts" width="670" />
<h2 id="areas">Areas</h2>
<p>Here are some areas that I've identified as potential funding opportunities. For the major initiatives, I've
outlined what specifically would be useful to fund, and highlighted some rationales for why.</p>
<ol>
<li>ARIA documentation</li>
<li>Education and training</li>
<li>Developer advocacy</li>
<li>Automated tooling</li>
<li>Cross-browser efforts</li>
<li>Cross-specification efforts</li>
<li>JavaScript Frameworks</li>
</ol>
<p>In general, a11y is a tricky area to work on for several reasons.
First, it's not considered as valuable as performance or even CSS, so it is often deprioritized.
Second, addressing the complexities of accessibility needs often requires a depth of knowledge that is acquired
over years and often at the expense of other parts of engineering, so collaboration is required.</p>
<h2 id="area-aria-documentation">Area: ARIA documentation</h2>
<h3>What is needed:</h3>
<p>Paid positions for a11y experts to focus solely on the improvement of WAI-ARIA documentation.</p>
<h3>How this helps:</h3>
<p>While it's useful to have representation from different companies on the ARIA working group, not everyone has
paid time during work to ship updates. This means there is always a large backlog of work. By securing positions
that provide a sole focus on improving documentation, authors will have improved guidance on implementing
accessible features. I believe that 2-3 people who spend even just 1-2 years on this could make a world of
difference.</p>
<h2 id="area-education-and-training">Area: Education and Training</h2>
<h3>What is needed:</h3>
<ul>
<li>Education and training on par with other areas of web development</li>
<li>Education materials for other specification groups</li>
</ul>
<h3>How this helps:</h3>
<p>While A11y is sometimes included in other areas of learning, it needs to be given more depth across the board.</p>
<h2 id="area-developer-advocacy">Area: Developer Advocacy</h2>
<h3>What is needed:</h3>
<p>Developer advocates who can focus on accessibility.</p>
<h3>How this helps:</h3>
<p>It's possible that this folds into the area above. Perhaps ensuring that there are developer advocates for
accessibility and that they are treated with the same priority and regard as in other areas, is the appropriate
request here. More thought is needed on the specific ask and whether or not this should combine with other
categories.</p>
<h2 id="area-tooling">Area: Tooling</h2>
<h3>What is needed:</h3>
<ul>
<li>More open-source analysis on all success criteria that doesn't have the ulterior motive of selling auditing
services; as an example, here's an open-source side project that starts to address this: <a
href="https://a11y-automation.dev/">A11y Automation Tracker</a></li>
<li>Focused efforts to improve linting in a performant, open-source way (think eslint or ember-template-lint)</li>
<li>Focused efforts to improve accessibility testing</li>
<li>Additional tools. Example idea: CLI that allows the developer to "navigate" a site based on only info from the
CLI, and similar to what a user with a screen-reader experiences</li>
<li>Test harness for WAI-ARIA spec (add link to issue)</li>
</ul>
<h3>How this helps:</h3>
<ul>
<li>Innovation is inspiring!</li>
<li>It improves the DX for creating accessible sites/apps</li>
<li>Sometimes tooling can be open-source code but outside input is not welcome, so additional "competing" products
can still be useful</li>
</ul>
<p>
Has this inspired you to talk about funding improvements for accessibility on the web? I hope so! If you need help, let's chat.</p>
<p>
<a href="mailto:[email protected]" class="cta" aria-label="lets chat"><img src="LetsChat-01_Illustrative_CalltoActions.svg" alt="" width="200" /></a></p>
</main>
<footer>
<p><small>Made with ❤️ by <a href="https://twitter.com/a11yMel">Melanie Sumner</a>.</small></p>
</footer>
</body>
</html>