Anleitung

Kibana barrierefrei gestalten

Probieren Sie dieses Feature noch heute aus. Laden Sie die Vorschauversion 6.0.0 herunter, um ein Elastic Pioneer zu werden.

Inklusivität und Vielfalt sind Hauptbestandteile der Kultur von Elastic. Diese beiden Werte sind in nahezu jedem Aspekt unseres Unternehmens präsent. Elastic besteht aus fast 600 Mitarbeitenden in mehr als 30 Ländern weltweit, alle mit ihren eigene Hintergründen und Lebensgeschichten. Wir führen unternehmensweite Diskussionen, die nicht nur interne Updates sind, sondern auch erfrischend optimistische und unvoreingenommene Reaktionen auf einige der besorgniserregenderen Themen in den aktuellen Nachrichten. Unser Geschäftsführer, Shay Banon, verschickt Folge-E-Mails, die zu bezahltem Urlaub führen, damit Sie bei Ihrer Lieblingsorganisation ehrenamtlich arbeiten können, sowie direkte Reaktionen auf die US-Einwanderungspolitik vom Anfang des Jahres. Wir haben sogar einen Slack-Kanal, der sich speziell auf die Themen Vielfalt, Inklusion und Zugehörigkeit konzentriert. Die Liste ließe sich fortsetzen.

Im Kern sind die „Elasticians“ offen und inklusiv gegenüber allen Lebensbereichen. Wir sind der Meinung, dass unsere Produkte eine Erweiterung unserer Unternehmenskultur sein und dieselben Werte vertreten sollten. Genau aus diesem Grund haben uns entschieden, Kibana barrierefrei zu machen.

Adios, Kibana-Pink

In Version 6.0 werden Sie bemerken, dass unser charakteristisches Pink aus der Seitennavigation verschwunden ist. Nicht, dass wir Pink nicht mögen, aber der geringe Kontrast zum weißen Text machte die Navigation für viele Nutzer schwer lesbar.

A screenshot showing the new Kibana 6 color scheme with a better contrast


Wir verbesserten den Farbkontrast in ganz Kibana unter Verwendung von Empfehlungen der WCAG 2.0 (Web Content Accessibility Guidelines) des World Wide Web Consortium. Die WCAG sind weithin anerkannte Empfehlungen zur Barrierefreiheit und dienen als Grundlage für unsere Arbeit.

Für Screenreader geeignet

Die Anpassung der Kontrastwerte ist nur ein Aspekt bei der Verbesserung der Barrierefreiheit von Kibana. Wir konzentrieren uns außerdem darauf, die Tastaturbedienbarkeit von Kibana zu verbessern und die Unterstützung für assistive Technologien wie Bildschirmleseprogramme weiter auszubauen.

Zum Beispiel: Auch wenn Symbole schön und einfach sind, können Bildschirmleseprogramme sie nur vorlesen, wenn sie mit Beschriftungen versehen sind. Die Beschriftung von Elementen der Benutzeroberfläche beschränkt sich nicht nur auf Textalternativen für Symbole. Wir nutzen den WAI-ARIA-Standard nd die dazugehörigen Attribute, damit unsere Benutzeroberfläche alle semantischen Daten enthält, von denen Hilfstechnologien besonders profitieren können – zum Beispiel, um den Zustand von ein- und ausklappbaren Bereichen anzuzeigen, die Autovervollständigung richtig barrierefrei zu gestalten und vieles mehr.

Verbesserte Tastaturnavigation

Die Verbesserung der Barrierefreiheit einer Benutzeroberfläche hat den schönen Nebeneffekt, das sie die Benutzerfreundlichkeit für alle Nutzer verbessert. Am deutlichsten wird das im Bereich der Keyboard-Barrierefreiheit. Wenn Sie schon mal versucht haben, Kibana ausschließlich über die Tastatur zu bedienen, ist Ihnen vielleicht aufgefallen, dass das nicht besonders gut klappt. Vor Version 6.0 waren einige Teile der Kibana-Benutzeroberfläche komplett unmöglich zu erreichen, und in anderen Bereichen blieb der Tastaturfokus hängen, sobald Sie mit ihr interagiert haben. Unser Ziel ist es, die Tastaturnavigation für alle zu verbessern – sowohl für Nutzer, die darauf angewiesen sind, als auch für diejenigen, die diese Art der Navigation bevorzugen. Dabei geht es nicht nur darum, technische Altlasten zu beseitigen, bei denen wir uns nicht strikt an die HTML-Semantik gehalten haben (z. B. weil wir keine „buttons“ verwendet haben, wo eigentlich welche nötig gewesen wären). Wir untersuchen und entwickeln auch neue Interaktionsmodelle für Teile der Schnittstelle, wie Sie in unserem neuen Tastaturmodus für Code-Editoren sehen können.

Das ist aber erst der Anfang. Wir freuen uns über Anregungen und Feedback!

Bei der ursprünglichen Entwicklung von Kibana hatten wir die Barrierefreiheit zunächst nicht im Blick. Wir sind uns dieser Tatsache bewusst und sind nun dabei, unsere früheren Fehler zu beheben sowie unseren Entwicklungsprozess für neue Funktionen zu verbessern. Mit Version 6.0 machen wir uns daran, Kibana wirklich barrierefrei zu gestalten. Um unseren Fortschritt zu verfolgen, laden wir Sie ein, sich das Barrierefreiheits-Meta-Ticket anzusehen, alle Tickets, die mit dem Barrierefreiheitslabel markiert sind, und zum Kibana-Repository beizutragen.

Die Entwicklung einer barrierefreien Benutzeroberfläche, deren Schwerpunkt auf der Datenexploration und -visualisierung liegt, ist keine leichte Aufgabe. Falls Sie als Nutzer auf eine dieser sich weiterentwickelnden Barrierefreiheitsfunktionen angewiesen sind, würden wir uns sehr über Ihr Rückmeldung freuen. Bitte teilen Sie uns Ihre Ideen oder Erfahrungen mit ähnlichen Produkten mit. Wenn Sie an der Elastic-Initiative zur Barrierefreiheit teilnehmen möchten, würden wir uns sehr freuen, wenn Sie sich per E-Mail unter accessibility@elastic.co an uns wenden.

Während Sie die 6.0-Vorschauversionen testen, laden wir Sie herzlich ein, uns Ihre Rückmeldung im Rahmen unseres Pioneer-Programms zu übermitteln. Dadurch können wir Kibana weiter verbessern, und als Bonus warten coole Preise auf Sie.