wohfab/fedi.camp_Website
1
0
Fork 0
forked from KABI/fedi.camp_Website
Code Pull requests Activity

fix: adding accessible name to close buttons (WCAG 2.4.6 Heading and Labels)

Browse source
This commit is contained in:
wohfab 2025-05-15 14:28:42 +02:00
parent 26449eedb1
commit c174fd93dd
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -71,38 +71,38 @@
<main id="main"> <main id="main">
<!-- Announcement --> <!-- Announcement -->
<article id="announce"> <article id="announce">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<!-- Content will be loaded from announce.html --> <!-- Content will be loaded from announce.html -->
</article> </article>
<!-- Date --> <!-- Date -->
<article id="date"> <article id="date">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<!-- Content will be loaded from date.html --> <!-- Content will be loaded from date.html -->
</article> </article>
<!-- Show me the way--> <!-- Show me the way-->
<article id="showmetheway"> <article id="showmetheway">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<!-- Content will be loaded from directions.html --> <!-- Content will be loaded from directions.html -->
</article> </article>
<!-- RSVP --> <!-- RSVP -->
<article id="rsvp"> <article id="rsvp">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<!-- Content will be loaded from rsvp.html --> <!-- Content will be loaded from rsvp.html -->
</article> </article>
<!-- Camp Infos --> <!-- Camp Infos -->
<article id="campinfos"> <article id="campinfos">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<!-- Content will be loaded from campinfos.html --> <!-- Content will be loaded from campinfos.html -->
</article> </article>
<!-- TimeTable --> <!-- TimeTable -->
<!-- CALL FOR PAPERS/PRESENTATIONS - CHANGE LATER TO TIMETABLE --> <!-- CALL FOR PAPERS/PRESENTATIONS - CHANGE LATER TO TIMETABLE -->
<article id="timetable"> <article id="timetable">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<h2 class="major">Call for Participation</h2> <h2 class="major">Call for Participation</h2>
<p>Um den Timetable zu füllen, brauchen wir Eure Workshops, Vorträge, Aktivitäten - was Ihr schon immer gern mit anderen Menschen machen wolltet.<p> <p>Um den Timetable zu füllen, brauchen wir Eure Workshops, Vorträge, Aktivitäten - was Ihr schon immer gern mit anderen Menschen machen wolltet.<p>
<p><a href="https://orga.fedi.camp/index.php/apps/forms/s/MCeqwaqH23bN4jBEaBeaAEWe" class="button enabled">Call for Participation</a></p> <p><a href="https://orga.fedi.camp/index.php/apps/forms/s/MCeqwaqH23bN4jBEaBeaAEWe" class="button enabled">Call for Participation</a></p>
@ -218,6 +218,7 @@
<p>DasFediCamp, was für mich das erste Camping seit etwa 12 Jahren war für mich eine sehr prägende Erfahrung. Denn: Es zeigte mir auf der einen Seite, wie viel Spaß Camping doch machen kann und ich dies häufiger machen sollte und auf der anderen Seite habe ich viele coole Menschen, die ich bis dato nur aus dem Fediverse kannte offline kennenlernen dürfen. Die Offline-Gespräche, Workshops und besonders das abendliche Lagerfeuer mit Singen hat sehr viel Spaß gemacht. Ich freue mich schon auf das FediCamp in 2024 und bis dahin habe ich mein Camping-Equipment vorher gecheckt. ;)</p> <p>DasFediCamp, was für mich das erste Camping seit etwa 12 Jahren war für mich eine sehr prägende Erfahrung. Denn: Es zeigte mir auf der einen Seite, wie viel Spaß Camping doch machen kann und ich dies häufiger machen sollte und auf der anderen Seite habe ich viele coole Menschen, die ich bis dato nur aus dem Fediverse kannte offline kennenlernen dürfen. Die Offline-Gespräche, Workshops und besonders das abendliche Lagerfeuer mit Singen hat sehr viel Spaß gemacht. Ich freue mich schon auf das FediCamp in 2024 und bis dahin habe ich mein Camping-Equipment vorher gecheckt. ;)</p>
</article> </article>
<!-- ARCHIVE 2022 -->
<article id="y2022"> <article id="y2022">
<button class="close">×</button> <button class="close">×</button>
<h2 class="major">Archiv</h2> <h2 class="major">Archiv</h2>
@ -281,7 +282,7 @@
<!-- Contact --> <!-- Contact -->
<article id="contact"> <article id="contact">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<h2 class="major">Kontakt</h2> <h2 class="major">Kontakt</h2>
<p>Hier findet Ihr aktuelle Informationen. Kommt auch gern in den Matrix Raum!</p> <p>Hier findet Ihr aktuelle Informationen. Kommt auch gern in den Matrix Raum!</p>
<!--<p><a href="#showmetheway" class="button">Anfahrt</a></p>--> <!--<p><a href="#showmetheway" class="button">Anfahrt</a></p>-->
@ -291,7 +292,7 @@
<!-- Impressum --> <!-- Impressum -->
<article id="impressum"> <article id="impressum">
<button class="close">×</button> <button class="close" aria-label="Schließen">×</button>
<div lang="en"> <div lang="en">
<h2 class="major">Impressum & DSGVO</h2> <h2 class="major">Impressum & DSGVO</h2>