vielle.dev
[Archived] Archived WIP of vielle.dev
Fix non contrast issues:
- heading > header
- add aria-label to checkboxes in the lists
+17
rehype-custom-html.ts
+17
rehype-custom-html.ts
···
129
129
130
130
forChild(node.children);
131
131
}
132
+
133
+
case "ul": {
134
+
node.children.forEach((x) => {
135
+
if (x.type === "element" && x.tagName === "li") {
136
+
x.children.forEach((y) => {
137
+
if (
138
+
y.type === "element" &&
139
+
y.tagName === "input" &&
140
+
y.properties.type === "checkbox"
141
+
)
142
+
y.properties["aria-label"] = y.properties.checked
143
+
? "Checked checkbox"
144
+
: "Unchecked checkbox";
145
+
});
146
+
}
147
+
});
148
+
}
132
149
}
133
150
}
134
151
};
+3
-3
src/pages/blog/[id].astro
+3
-3
src/pages/blog/[id].astro
···
35
35
---
36
36
37
37
<Base {title}>
38
-
<heading>
38
+
<header>
39
39
<Nav current={title} />
40
40
41
41
<h1>{title}</h1>
···
48
48
<Sun data-mode-light />
49
49
<Moon data-mode-dark />
50
50
</button>
51
-
</heading>
51
+
</header>
52
52
<main style={`--accent: ${colour};`}>
53
53
<div class="content">
54
54
<Content />
···
356
356
--rainbow-5: light-dark(var(--_latte-rainbow-5), var(--_frappe-rainbow-5));
357
357
}
358
358
359
-
heading {
359
+
header {
360
360
font-size: 1.6rem;
361
361
362
362
position: fixed;