Skip to content

Commit e4ecd45

Browse files
authored
Support inert (#1074)
* Copy tweaks
1 parent c7497f4 commit e4ecd45

File tree

2 files changed

+71
-1
lines changed

2 files changed

+71
-1
lines changed

src/_includes/meta/icons.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<meta name="theme-color" content="#fb37ff">
22
<link rel="icon" href="{{ '/favicon.svg' | url }}">
3-
<link rel="mask-icon" href="{{ '/safari-pinned-tab.svg' | url }}" color="#fb37ff">
3+
<link rel="mask-icon" href="{{ '/safari-pinned-tab.svg' | url }}" color="#000000">
44
<link rel="apple-touch-icon" href="{{ '/apple-touch-icon.png' | url }}">
55
<link rel="manifest" href="{{ '/manifest.json' | url }}">
Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
---
2+
layout: post
3+
title: Let’s support inert!
4+
description: Igalia working on HTML’s inert attribute represents a great opportunity to move web accessibility forward.
5+
category: Announcement
6+
eleventyNavigation:
7+
key: Announcement
8+
title: Let’s support inert!
9+
tags:
10+
- announcements
11+
---
12+
13+
[HTML's `inert` attribute](https://html.spec.whatwg.org/multipage/interaction.html#inert) has great potential to make the web more accessible. Declaring `inert` on an element will remove its interactivity and make it unable to be focused.
14+
15+
## The short version
16+
17+
- Browser manufacturers often don’t prioritize accessibility-focused features. This includes supporting `inert`.
18+
- [Igalia](https://www.igalia.com/) is a company that makes features for browsers.
19+
- Igalia is [trying an experiment](https://www.igalia.com/open-prioritization/) in crowd-funding to let the community prioritize new feature work.
20+
- `inert` is [one of the features they’re considering](https://www.igalia.com/open-prioritization/#inertwebkit).
21+
- The A11Y Project is [matching up to <strong>$1,000 USD</strong> in donations](https://opencollective.com/html-inert-in-webkit-safari) for `inert`.
22+
- We encourage you to share this announcement and ask your employer if they’ll help.
23+
24+
25+
## The long version
26+
27+
This experiment represents a rare opportunity for a community to help encourage features they need, versus what browser manufactures believe they want. <strong>One thing the digital accessibility community needs is easier focus management</strong>.
28+
29+
Focus management is the practice of setting what someone can and cannot navigate to via keyboard focus, which is the core of how many forms of assistive technology operate.
30+
31+
Focus management is a complicated thing to do properly, requiring a lot of deep, careful, nuanced work in JavaScript. Many developers don’t bother doing it because of the level of effort it requires, and those who do still sometimes accidentally don’t get it completely right.
32+
33+
For digital accessibility, the ability to use `inert` means <strong>significantly</strong> lowering the level of difficulty it takes to do things like focus management.
34+
35+
36+
## How you can help
37+
38+
At the time of this post, `inert` has a little over $13k USD raised for its $48k USD goal. While this might seem daunting, remember that it’s <strong>nearly 30% funded</strong>.
39+
40+
This is a rare moment where we as a community can make a meaningful contribution to a significant feature that will have <strong>longterm positive effects</strong> for web accessibility. If you have wanted to help out with accessibility but have been unsure of how to go about it, this is a great way to do so.
41+
42+
### Donate
43+
44+
With donation matching, your money will be incredibly effective in helping move funding along. $5, $10, $25. <strong>Your donation doesn’t have to be a lot</strong>. Every little bit adds up and helps move things forward.
45+
46+
When you have made a donation, <strong>let us know via [our contact form](https://www.a11yproject.com/contact/) and we’ll match it</strong>.
47+
48+
A maintainer will reply via email to request a receipt as proof, and send you one back as proof that we matched the amount you donated. If you want, the A11Y Project will also add your name and contact information to this post listing you as a supporter.
49+
50+
Also consider offering to match the amount you donate. This gesture will help spread awareness.
51+
52+
### Organization matching
53+
54+
Consider asking your employer if they’ll match your donation as well. This will be a force multiplier for reaching Igalia’s goal.
55+
56+
Also consider asking your employer if they’ll match The A11Y Project’s $1,000 donation. Being able to use `inert` means developing accessible interactive experiences becomes significantly cheaper and easier to make. <strong>A $1,000 donation could translate to hundreds of thousands of dollars of saved development time</strong> down the line.
57+
58+
The A11Y Project will also publicly thank organizations who match our donation via our [Twitter](https://twitter.com/A11YProject) and [LinkedIn](https://www.linkedin.com/company/the-a11y-project/) accounts, as well as list them in this post.
59+
60+
### Share
61+
62+
We understand that money is tight for many communities and companies right now. Sharing is a way you can help without needing to use your funds.
63+
64+
<strong>Sharing this announcement</strong> increases the chances more people become aware of it, which increases the chances that donations are made.
65+
66+
Thank you for considering this initiative, and for your generosity.
67+
68+
<p class="c-contribute__cta">
69+
Contact us to <a href="{{ /contact/ | url }}">tell us about your donation</a>.
70+
</p>

0 commit comments

Comments
 (0)