mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-14 14:40:52 +00:00
Clear the accessibility findings on about, privacy, achievements, cycle and admin
Inline links on the prose pages carry an underline and their body copy reads in the content colour, so the links no longer rely on colour alone and the code chips meet contrast. Locked achievements drop the opacity that pushed their text below AA. The cycle calendar nests its headers and day cells in ARIA rows, the login overview's page-size select is named, and the measurement type badges take a lighter wash in the light theme so their label holds 4.5:1.
This commit is contained in:
Marc-André Bombeck committed
1 parent
03f374794e
commit
b80dc14142
7 files changed
+328
-273
No files matched your search
@@ -60,7 +60,7 @@ function Section({
|
||||
<h2 className="text-xl font-semibold tracking-tight md:text-2xl">
|
||||
{title}
|
||||
</h2>
|
||||
<div className="text-muted-foreground space-y-3 text-sm leading-relaxed md:text-base">
|
||||
<div className="text-foreground space-y-3 text-sm leading-relaxed md:text-base">
|
||||
{children}
|
||||
</div>
|
||||
</section>
|
||||
@@ -117,7 +117,7 @@ export default function AboutPage() {
|
||||
href="https://github.com/MBombeck/HealthLog"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
github.com/MBombeck/HealthLog
|
||||
</a>{" "}
|
||||
@@ -145,7 +145,7 @@ export default function AboutPage() {
|
||||
href="https://www.maxmind.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
www.maxmind.com
|
||||
</a>
|
||||
@@ -164,7 +164,7 @@ export default function AboutPage() {
|
||||
href="https://www.maxmind.com/en/geolite/eula"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
GeoLite End User License Agreement
|
||||
</a>
|
||||
@@ -173,7 +173,7 @@ export default function AboutPage() {
|
||||
href="https://creativecommons.org/licenses/by-sa/4.0/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
Creative Commons Attribution-ShareAlike 4.0 International License
|
||||
</a>{" "}
|
||||
|
||||
@@ -175,7 +175,7 @@ function AchievementCard({ achievement, t }: AchievementCardProps) {
|
||||
className={
|
||||
unlocked
|
||||
? "border-primary/30 from-primary/8 to-primary/0 rounded-xl border bg-gradient-to-br p-3"
|
||||
: "border-border bg-card/50 rounded-xl border p-3 opacity-70"
|
||||
: "border-border bg-card/50 rounded-xl border p-3"
|
||||
}
|
||||
>
|
||||
<div className="mb-2 flex items-start justify-between gap-2">
|
||||
|
||||
@@ -71,7 +71,7 @@ function Section({
|
||||
{`${numberLabel}. ${titleEn}`}
|
||||
</h2>
|
||||
<div
|
||||
className="text-muted-foreground space-y-3 text-sm leading-relaxed md:text-base"
|
||||
className="text-foreground space-y-3 text-sm leading-relaxed md:text-base"
|
||||
data-slot="privacy-section-de"
|
||||
lang="de"
|
||||
>
|
||||
@@ -94,7 +94,7 @@ function Section({
|
||||
</span>
|
||||
</summary>
|
||||
<div
|
||||
className="text-muted-foreground space-y-3 px-3 pb-3 text-sm leading-relaxed md:text-base"
|
||||
className="text-foreground space-y-3 px-3 pb-3 text-sm leading-relaxed md:text-base"
|
||||
lang="en"
|
||||
>
|
||||
{bodyEn}
|
||||
@@ -164,7 +164,7 @@ function SubProcessor({
|
||||
href={policyUrl}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
Privacy policy / Datenschutzerklärung
|
||||
</a>
|
||||
@@ -358,7 +358,7 @@ export default function PrivacyPage() {
|
||||
href="https://github.com/MBombeck/HealthLog"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
github.com/MBombeck/HealthLog
|
||||
</a>{" "}
|
||||
@@ -392,7 +392,7 @@ export default function PrivacyPage() {
|
||||
href="https://github.com/MBombeck/HealthLog"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
github.com/MBombeck/HealthLog
|
||||
</a>{" "}
|
||||
@@ -1959,7 +1959,7 @@ export default function PrivacyPage() {
|
||||
</span>{" "}
|
||||
<a
|
||||
href="mailto:mbombeck@gmail.com"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
mbombeck@gmail.com
|
||||
</a>
|
||||
@@ -1980,7 +1980,7 @@ export default function PrivacyPage() {
|
||||
href="https://github.com/MBombeck/HealthLog/issues"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
github.com/MBombeck/HealthLog/issues
|
||||
</a>{" "}
|
||||
@@ -2008,7 +2008,7 @@ export default function PrivacyPage() {
|
||||
</span>{" "}
|
||||
<a
|
||||
href="mailto:mbombeck@gmail.com"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
mbombeck@gmail.com
|
||||
</a>
|
||||
@@ -2028,7 +2028,7 @@ export default function PrivacyPage() {
|
||||
href="https://github.com/MBombeck/HealthLog/issues"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary hover:underline"
|
||||
className="text-primary underline underline-offset-2"
|
||||
>
|
||||
github.com/MBombeck/HealthLog/issues
|
||||
</a>{" "}
|
||||
|
||||
Reference in new issue
Block a user