Viele von ihnen behelfen sich dabei mit Bildschirmvergrößerung, Sprachausgabe oder speziellen Tastaturen. Trotzdem gibt [über die Hälfte](https://www.einfach-fuer-alle.de/artikel/barrieren/) der Menschen mit Behinderung an, beim alltäglichen Surfen auf unüberwindbare Hürden zu stoßen.

Genauso wie es mittlerweile technisch ausgefeilte Rollstühle gibt, sind Aufzüge und abgesenkte Bordsteinkanten in der Stadt für motorisch eingeschränkte Menschen wichtig.

Trotz technischer Hilfsmöglichkeiten liegt es vor allem in der Hand derer, die digitale Produkte erstellen, ob sie für alle zugänglich sind oder nicht.

Ich persönlich profitiere sehr von Durchsagen am Bahnsteig, Untertiteln, Transkripten, Zoom-Möglichkeiten, gut lesbarer Schrift, Helligkeitseinstellungen und barrierefreien Leitsystemen im Ausland.

Barrierefreiheit ist gut für uns alle, in der realen und in der digitalen Welt.

Ü-65-Jährige machen [20% unserer Bevölkerung](https://de.statista.com/themen/172/senioren/) aus – [fast zwei Drittel](https://www.destatis.de/DE/Themen/Gesellschaft-Umwelt/Einkommen-Konsum-Lebensbedingungen/IT-Nutzung/_inhalt.html) von ihnen surft im Web. [Sehvermögen und motorische Fähigkeiten nehmen im Alter oft ab](https://barrierekompass.de/barrierefreies-internet/zielgruppen.html). Die Zahl der [Menschen mit Behinderung](https://www.bgw-online.de/SharedDocs/Downloads/DE/Medientypen/Wissenschaft-Forschung/BGW55-83-140-Trendbericht-Behindertenhilfe.pdf?__blob=publicationFile) als auch die [Zahl der älteren Menschen](https://service.destatis.de/bevoelkerungspyramide/#!y=2036) steigt kontinuierlich an.

### We are all just temporary abled
„Be-hinderung“ – im Sinne „von der Umwelt behindert werden“ – betrifft uns tatsächlich alle. Spätestens, wenn man nicht erkennen kann, in wie vielen Minuten die Bahn kommt, merkt man, dass man die Brille zuhause hat liegen lassen. Wir sind dann an diesem Tag temporär „sehbehindert“. Verknacksen wir uns den Knöchel, sind wir vorübergehend motorisch eingeschränkt. Behinderungen können sogar situationsbedingt auftauchen, zum Beispiel wenn wir von der Sonne geblendet werden. Dann können wir nicht wie sonst handeln – wir sind eingeschränkt.

Beziehen wir also diese Formen der Einschränkungen mit ein, können wir allen mit barrierefreien Produkten helfen: „[we are all just temporary abled](https://medium.com/@jma245/accessibility-it-applies-to-me-too-a40f3861878)“.

Wie können wir als Webentwickler bzw. -designer also Barrieren abbauen, damit das Internet für alle ein Ort moderner Kommunikation und Informationsbeschaffung wird?

### Makellos, zahlungskräftig, weiß? Die Frage ist, wen wir uns vorstellen.
Um im Arbeitsalltag schneller konkrete Entscheidungen fällen zu können, müssen wir einen inneren Katalog an Nutzern aufbauen. Falls wir zu dem Schluss kommen, dass auch Menschen mit Behinderung, Mindestlohn oder Migrationshintergrund als Nutzer in Frage kommen, müssen wir Websites entsprechend gestalten und entwickeln. Wen stellen wir uns also vor?


Behinderungen können sehr unterschiedlich ausgeprägt sein. Da das Internet ein visuelles Medium ist, birgt es gerade für sehbehinderte Menschen viele Barrieren. Eine deutliche visuelle Gestaltung hilft, den Inhalt der Website besser zu erfassen. Wer blind ist, kann auf [Sprachausgabe](https://www.einfach-fuer-alle.de/artikel/interviews-mobile/interview-christian-bayerlein/), Tastatur und [Braillezeilen](https://www.youtube.com/watch?time_continue=36&v=IXbXtkVVseI)) zurückgreifen. Bieten wir keine Alternativen zu Bildern, Farbleitsystemen oder Videos, schließen wir viele Menschen von unseren Inhalten aus.


Für Menschen, deren motorische Beeinträchtigung die Hände betrifft, gibt es ebenfalls Hilfstechnologien: spezielle Tastaturen, Sensoren und sogar die Möglichkeit, per [Augensteuerung](https://blog.diakonie.at/durchs-arbeitsleben-blinzeln) im Web zu surfen. In der Entwicklung müssen wir deshalb darauf achten, dass die Website auch ohne Maus bedient werden kann. Außerdem sollte der klickbare Bereich von interaktiven Elementen möglichst großzügig sein.

Gehörlosen oder schwerhörigen Menschen hilft es, wenn Videos und Podcasts mit Untertiteln bzw. Transkripten versehen sind.

Kognitiv beeinträchtigten Menschen helfen eine klare Navigation, kurze Sätze und erklärende Grafiken. 

Das hilft aber nicht nur Menschen mit geistigen Einschränkungen oder Leseschwäche, sondern auch all jenen, die unsere Sprache noch nicht perfekt beherrschen. Über ein [Drittel der Hamburger besitzen einen Migrationshintergrund](https://www.statistik-nord.de/zahlen-fakten/hamburger-melderegister/migrationshintergrund/dokumentenansicht/bevoelkerung-mit-migrationshintergrund-in-den-hamburger-stadtteilen-ende-2017-60606/). 

Wer nicht genug Geld für den neuesten Stand der Technik oder schnelles Internet hat, dem werden Websites oft fehlerhaft angezeigt. [19% der Menschen in Deutschland sind von Armut bedroht](https://de.statista.com/statistik/daten/studie/244865/umfrage/von-armut-oder-sozialer-ausgrenzung-betroffene-bevoelkerung-in-deutschland/).

### Was können wir konkret ändern?
Allen Bedürfnissen gerecht zu werden (unterschiedliche Formen von Behinderung, ungeübte Internetnutzer, schlechte technische Vorraussetzungen…), klingt erstmal nach einer großen Aufgabe. Wir können uns ihr jedoch Schritt für Schritt nähern.

Beim Design wie auch bei der Entwicklung einer Website können wir darauf achten, niemanden auszuschließen. Dafür müssen wir miteinander sprechen und von Anfang an die Barrierefreiheit mit einplanen.

Alternativen zu schwierigen Features wie Formularen denken wir am besten von vornherein mit. Dabei ist es sinnvoll, pragmatisch im Kleinen anzufangen, um unsere Vorgehensweise testen zu können.

Es gibt keine Zahlen, wer welche Hilfsmittel wie oft benutzt. Unsere einzige Möglichkeit ist es, eine möglichst gut bedienbare Website zu produzieren:

1\. Ist das HTML [sinnvoll strukturiert](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)?
```
<main>
  <section>
    <h1>Überschrift</h1>
	<p>Text...</p>
  </section>
</main>
```

2\. Sind alle Bilder mit einer Textalternative ausgestattet ([Alt-Attribut](https://web.dev/labels-and-text-alternatives/))
```
<img src="..." alt="Foto von Erika Mustermann">
```

3\. Stimmen [Schriftart, Schriftgröße](https://webaim.org/techniques/fonts/) und [Kontraste](https://axesslab.com/top-color-contrast-checkers/)?
```
.smallest-text {
  font-size: 16px;
  color: black;
}
```

4\. Ist ein angewähltes Element als solches erkennbar ([focus style](https://css-tricks.com/focusing-on-focus-styles/))?

5\. Bei umfangreichen Websites: kann das Menü übersprungen werden ([skip link?](https://webaim.org/techniques/skipnav/))
```
<a href="#content" class="skip">Menü überspringen</a>
```

6\. Ist eine Navigation per [Tabulatortaste](https://web.dev/control-focus-with-tabindex/) möglich?

7\. Ist die Website mit einem [Screenreader](https://webaim.org/techniques/screenreader/) navigierbar?

8\. Können selbstgestaltete Buttons und Pop-ups mit einem Screenreader bedient werden?

Eine inklusive Website sollte für schwierige Bedingungen gerüstet sein, muss aber nicht in jedem Fall gleich aussehen. Bewährt hat sich die Methode [Progressive Enhancement](https://ux.shopify.com/what-is-progressive-enhancement-and-why-should-you-care-cc585184b2d0) (schrittweise Erweiterung):

Zuerst legen wir eine Minimalversion der Website fest – sie funktioniert auf allen Browsern und Geräten, auch ohne JavaScript und CSS sollte alles Wichtige noch erfassbar sein.

Gibt es interaktive Elemente wie Buttons, sollten Interaktionen auch unter diesen erschwerten Bedingungen zumindest nachvollziehbare Ergebnisse herbeiführen.

Es ist sinnvoll, diese Minimalversion zuerst zu gestalten und zu entwickeln, um Tab-Navigation, Sprachausgabe und Co. schonmal testen zu können. Wenn alles klappt, kann der nächste Schritt angegangen werden: Animationen und Interaktionen können jetzt gestaltet und eingebunden werden. Dabei sollte die Website nach größeren Änderungen immer wieder erneut auf Barrierefreiheit durchgecheckt werden. Die Vorzeigevariante der Website läuft dann auf den besten Geräten mit den neuesten Browsern, ist aber trotzdem noch für jeden zugänglich.


Natürlich ist das alles mehr Arbeit, aber eine barrierefreie Website bietet ungeahnte Vorteile, die auch den Auftraggeber überzeugen: inklusive Entwicklung wirkt sich positiv auf SEO aus und die Website kann schneller und auch auf alten Browsern und Geräten geladen werden. Vor allem aber können sich jetzt viel mehr Menschen an unseren digitalen Produkten erfreuen.

thumbnail_barriere-blur-7f8936.jpg

barriere-blur-7f8936.jpg

Ein Essay von Franca

Barriere / Freiheit: Die Grenzen des Internets 

Jeden Tag schicken wir diese Daten hin und her, quer über die Welt. Seien es Passwörter, Zugangsdaten oder SSH-Keys — im Team oder mit unseren Kunden. Dass diese Daten wichtig und sensibel sind, ist uns allen nicht erst seit DSGVO oder den täglich neuen Passwort-Exploits bekannt. Der Mensch kommt bei dieser Thematik mitunter auf innovative aber auch recht merkwürdige Ideen, wenn es um Datenverschlüsselung oder Versand geht.

Ein Bekannter erzählte bereits vor vielen Jahren, dass ein Mitarbeiter eines großen Automobilkonzerns wichtige Daten – weil es eben schnell und Übersee gehen musste – durch den Äther jagte, aber dabei lieber auf Nummer sicher gehen wollte. So wurden die Dateiendungen stets vor dem Versand in ein anderes Format umbenannt. Aus PDF-Dokumenten wurden JPEG Dateien oder aus .pdf ein .tiff. Das ganze wurde zusätzlich gezippt und mit einem Passwort versehen, welches im Anschluss telefonisch mitgeteilt wurde. Solche Taktik ist tatsächlich eine gängige und gar nicht mal so schlechte Methode, für die es sogar eine Bezeichnung gibt: Verschlüsselung durch Verwirrung – allein für den Fall das unterwegs mitgelesen, abgefischt oder gar gehackt wird.

thumbnail_sesame-6b9a9bc6-4e55-4de3-8b15-9bfcde001c26.jpg

sesame-6b9a9bc6-4e55-4de3-8b15-9bfcde001c26.jpg

Sesame — Encrypt your messages or credentials and share them with a passphrase protected secret link. So sensitive data remains secret.

Uns begleitet das gute alte Passwort tagtäglich, selbst, wenn es verschlüsselt im Browser oder einem Passwort-Manager hinterlegt ist. Dennoch ist es nicht verwunderlich, dass auch heute immer noch viele dieser Passwörter geknackt werden. Mit Zeit und Know-How gelingt es jenen, die etwas Böses wollen. Die Schwachstelle sitzt dabei häufig vor der Computer und tippt mit einer, wird-schon-nix-schiefgehen-Haltung 123456 (nach wie vor eines der weitverbreitesten Passwörter auf der Welt) in das Passwortfeld.

Der Mensch geht oft den Weg des geringsten Widerstandes. Das liegt vielleicht in unserer Natur. Oder: Keine Zeit, keine Lust und wie wahrscheinlich ist es, dass ausgerechnet mir etwas passieren kann?

Um überhaupt als ansatzweise sicher zu gelten, muss Entschlüsselung auf der anderen Seite ein klein wenig unbequem für die User/innen sein. Ein Passwort allein ist nunmal nicht sicher genug und das ist nur einer der Gründe, warum es Erfindungen wie die 2-Faktor-Authentifizierung gibt mit der wir unsere Überweisungen beim Online-Banking tätigen.

Doch wie können Informationen im Arbeitsalltag guten gewissens untereinander austauschen ohne das wichtige Informationen in E-Mail Postfächern oder Chats für immer einsehbar sind? Auf diese Frage haben wir als Antwort Sesame entwickelt: Eine Web-App, über die wichtige Informationen verschlüsselt, einmalig einsehbar und zeitlich begrenzt hinterlegt und bereitgestellt werden können. 

Dabei werden Nachrichten direkt im Browser über AES-256 durch eine definierte oder generierte Passphrase verschlüsselt und anschließend über eine REST-API in Redis gespeichert. Dadurch wird sichergestellt, dass zu keinem Zeitpunkt Serverseitig unverschlüsselte Nachrichten gespeichert werden. Ohne Passphrase ist es also für niemanden möglich, gespeicherte Nachrichten zu entschlüsseln – ob als Hoster oder Entwickler.

Die API liefert nach Speicherung einer Nachricht einen Hashwert zurück, über welchen die Nachricht wieder abgerufen werden kann. Der Hash wird per SHA256 generiert und ist daher für niemanden implizit auffindbar. Wird die Nachricht abgerufen, muss nun noch die vergebene Passphrase eingegeben werden, um die Nachricht wieder zu dechiffrieren. Durch den Aufruf wird die Nachricht gelöscht. Wurde die Nachricht nicht innerhalb des gewählten Zeitraums abgerufen, wird sie ebenfalls gelöscht. Für immer.

thumbnail_sesame-088eef19-4780-4168-9c8d-68cf8b63a0dc.jpg

sesame-088eef19-4780-4168-9c8d-68cf8b63a0dc.jpg

Sesame trifft also diverse Maßnahmen die Nachrichten zu sichern. Hierbei ist es dem Nutzer überlassen eine sichere Passphrase und Gültigkeit zu definieren. Ebenfalls sollte der Link und definitiv die Passphrase über einen sicheren verschlüsselten Kanal kommuniziert werden – idealerweise getrennt voneinander.

Letztendlich liegt Datensicherheit natürlich in der Hand des Nutzers. Sesame macht es jedoch ein wenig einfacher, keine hochsensiblen Daten über Slack Historien oder E-Mails zu verteilen, welche dort über Ewigkeiten abliegen und leisten somit einen Beitrag zum Thema nachhaltige Sicherheit im Netz.

Test Sesame: [sesame.atelierdisko.de](https://sesame.atelierdisko.de)

Get it at: [github.com/atelierdisko](https://github.com/atelierdisko)

It is open source and free to use.

thumbnail_sesame-6248b44a-9ecf-4d80-ad19-b79ba206328d.jpg

sesame-6248b44a-9ecf-4d80-ad19-b79ba206328d.jpg

Unser Tool für mehr Sicherheit beim Datenaustausch

Open Sesame Demo released 

Kéré Architecture’s portfolio spans a wide spectrum of projects from civic infrastructure to temporary installations, from concept to execution and across diverse geographies.

thumbnail_Top.png

Top.png

thumbnail_Group 225.png

Group 225.png

At the intersection of utopia and pragmatism we create contemporary architecture that feeds the imagination with an afro-futurist vision.

Kere_Works-Desktop3.png

Kere_Works-Desktop2 (1).png

Kere_Works-Desktop4.png

Kere_Works-Desktop.png

Across all continents and building types the Kéré Architecture expertise has been honed to arrive at an architectural practice that though flexible, distinguishing itself through signature design elements and approach to building.

thumbnail_Works-DesktopWithMobile.png

Works-DesktopWithMobile.png

Kéré Architecture

thumbnail_kere_hero.png

kere_hero.png

Studio und Portfolio Website für Kéré Architecture, Berlin / Burkina Faso

Kéré Architecture 

# Impressum
# gemäß §5 TMG

## Haftung
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

## Urheberrecht
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

## Verantwortlich für Inhalte \ gemäß §5 Abs. 2 RStV
Atelier Disko UG (haftungsbeschränkt) & Co. KG \
Virchowstraße 12 \
D–22767 Hamburg

T. 040 – 228 67 11 77 \
E. [info@atelierdisko.de](mailto:info@atelierdisko.de) \
W. [atelierdisko.de](https://atelierdisko.de) 

Impressum

gemäß §5 TMG

Haftung

Urheberrecht

Verantwortlich für Inhalte \ gemäß §5 Abs. 2 RStV

Registergericht

Registernummer

Geschäftsführer

USt-IdNr.

Finanzamt