Select Git revision
Yoshi authored
index.html 8.91 KiB
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>C3 Inclusion Operation Center</title>
<link rel="stylesheet" href="styles/style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#c31fba" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
</head>
<body class="font-Ubuntu">
<header>
<div class="js no-print" lang="en" id="accessibility-options">
<button class="no-print" type="button">
Accessibility Options
</button>
<fieldset class="display-none" id="font-selection">
<legend class="font-Ubuntu">Font</legend>
<ul>
<li>
<label
for="font-AtkinsonHyperlegible"
class="font-AtkinsonHyperlegible"
>
<input
type="radio"
name="font"
id="font-AtkinsonHyperlegible"
value="AtkinsonHyperlegible"
/>Atkinson Hyperlegible</label
>
</li>
<li>
<label
for="font-OpenDyslexicThree"
class="font-OpenDyslexicThree"
>
<input
type="radio"
name="font"
id="font-OpenDyslexicThree"
value="OpenDyslexicThree"
/>Open Dyslexic</label
>
</li>
<li>
<label for="font-SylexiadSans" class="font-SylexiadSans">
<input
type="radio"
name="font"
id="font-SylexiadSans"
value="SylexiadSans"
/>Sylexiad Sans</label
>
</li>
<li>
<label for="font-Ubuntu" class="font-Ubuntu">
<input
type="radio"
name="font"
id="font-Ubuntu"
value="Ubuntu"
checked
/>Ubuntu</label >
</li>
<li>
<label for="font-serif" class="font-serif"
><input
type="radio"
name="font"
id="font-serif"
value="serif"
/>serif</label
>
</li>
<li>
<label for="font-sans" class="font-sans">
<input
type="radio"
name="font"
id="font-sans"
value="sans"
checked
/>sans-serif</label
>
</li>
</ul>
</fieldset>
</div>
<h1>
C3 Inclusion Operation Center
</h1>
<a href="#english" lang="en" class="skiplink no-print"
>Go to English content</a
>
</header>
<label class="no-js no-print" for="toggle">OpenDyslexic Font</label>
<input class="no-js no-print" type="checkbox" id="toggle" />
<div class="fontchange">
<main>
<section lang="de" id="deutsch">
<p class="lang">Deutsch</p>
<p>
Wir möchten die Barrierefreiheit von Chaos-Veranstaltungen
verbessern. Wir sind eine Anlaufstelle für die anderen
Operation-Center, Assemblies, Vortragende und Besuchende. Wir
beantworten gerne Fragen zum Thema Barrierefreiheit.
</p>
<p>
Die nächste Veranstaltung, bei der wir aktiv sind, ist der 37c3.
Wenn ihr Fragen zu Barrierefreiheit auf diesem Event habt,
kontaktiert uns gerne.
</p>
<h2>Was wir tun</h2>
<ul>
<li>
Wir stellen Information zu Barrierefreiheit zur Verfügung, für alle
die diese benötigen
</li>
<li>
Wir bieten Talks und Workshops von und über Menschen mit
Behinderung an
</li>
<li>
Wir vernetzen Menschen, die sich im Chaos-Umfeld für
Barrierefreiheit engagieren
</li>
</ul>
<h2>Was wir schon erreicht haben</h2>
<ul>
<li>
Wir haben einen <a href="https://benjaminwand.github.io/Web-accessibility_101/"
>Web-Accessibility-Guide</a
>
erstellt für alle, die sich in den 37c3 einbringen möchten
</li>
<li>
Es gibt einen
<a href="https://nwng.eu/guides/voc-ad"
>Guide für Live-Audiodeskriptionen bei
Vortragsveranstaltungen</a
>
</li>
<li>
Wir haben eine
<a href="speakersdesk.html"
>Checkliste mit Accessibility-relevanten Punkten für Vortragende</a
>
gemacht
</li>
<li>
Wir haben für unsere statische Webseite
<a href="about.html"
>ein freies, barrierearmes HTML5-Template entwickelt, hier auch
nochmal detaillierter erklärt</a
>
und unter
<a
href="https://creativecommons.org/publicdomain/zero/1.0/deed.de"
>CC0-Lizenz</a
>
veröffentlicht. Wir hoffen, damit könnt ihr eure Projekte und das
Internet im allgemeinen für Viele freundlicher gestalten.
</li>
</ul>
<h2>Kontakt</h2>
<p>
E-mail:
<a href="mailto:kontakt@c3ioc.de?subject=kontakt"
>kontakt@c3ioc.de</a
>
</p>
</section>
<section lang="en" id="english">
<p class="lang">English</p>
<p>
We're here to improve the accessibility of chaos events. We provide
a point of contact for other operation centers, assemblies, speakers
and visitors. We are here to help with all accessibility-related
questions.
</p>
<p>
The next event we are involved in is the Remote Chaos Experience
2021. If you have questions regarding accessibility at the 37c3,
please don't hesitate to contact us.
</p>
<h2>What we're doing</h2>
<ul>
<li>
We provide information about accessibility to those that need it
</li>
<li>We organize talks and workshops for and by disabled people</li>
<li>
We provide networking opportunities for those interested in
accessibility in the context of the chaos community
</li>
</ul>
<h2>What we accomplished so far</h2> <ul>
<li>
We created a
<a href="https://benjaminwand.github.io/Web-accessibility_101/"
>web accessibility guide</a
>
for anyone contributing to the 37c3
(in German)
</li>
<li>
There is a
<a href="https://nwng.eu/guides/voc-ad"
>guide for live audio descriptions at presentations</a
>
(in German)
</li>
<li>
We made a
<a href="speakersdesk.html#english"
>checklist with things that are relevant for accessibility of talks</a
>
</li>
<li>
We’ve made
<a href="about.html"
>a free and accessible HTML5-Template for our site and explaned
it on this page</a
>. We’ve used a
<a
href="https://creativecommons.org/publicdomain/zero/1.0/deed.de"
>cc0-license</a
>, so you can use it make your projects and the internet a better
place!
</li>
</ul>
<h2>Contact us</h2>
<p>
email:
<a href="mailto:kontakt@c3ioc.de?subject=contact"
>kontakt@c3ioc.de</a
>
</p>
</section>
</main>
<footer class="no-print">
<a lang="en" href="https://help.ccc.de">help.ccc.de</a> <br />
<a lang="de" href="https://legal.cccv.de"
>Impressum/<wbr />Datenschutzerklärung</a
>
</footer>
</div>
<script src="main.js"></script>
</body>
</html>