{"id":809,"date":"2023-08-19T12:00:36","date_gmt":"2023-08-19T10:00:36","guid":{"rendered":"podlove-2023-08-13t23:06:11+00:00-89041f47fbaefa5"},"modified":"2023-08-14T14:40:08","modified_gmt":"2023-08-14T12:40:08","slug":"dl041-barrierearme-datenvisualisierung","status":"publish","type":"podcast","link":"https:\/\/www.datenleben.de\/index.php\/2023\/08\/19\/dl041-barrierearme-datenvisualisierung\/","title":{"rendered":"dl041: barrierearme datenvisualisierung"},"content":{"rendered":"\n\t\t\n            <div class=\"podlove-web-player intrinsic-ignore podlove-web-player-loading\" id=\"player-6a13a85a727a8\"><root data-test=\"player--xl\" style=\"max-width:950px;min-width:260px;\">\n  <div class=\"tablet:px-6 tablet:pt-6 mobile:px-4 mobile:pt-4 flex flex-col\">\n    <div class=\"flex-col items-center mobile:flex tablet:hidden\">\n      <show-title class=\"text-sm\"><\/show-title>\n      <episode-title class=\"text-base mb-2\"><\/episode-title>\n      <subscribe-button class=\"mb-4 mobile:flex tablet:hidden\"><\/subscribe-button>\n      <poster class=\"rounded-sm w-48 shadow overflow-hidden\"><\/poster>\n      <divider class=\"w-full my-6\"><\/divider>\n    <\/div>\n\n    <div class=\"tablet:flex flex-grow\">\n      <div class=\"w-64 mobile:hidden tablet:block tablet:mr-6\">\n        <poster class=\"rounded-sm shadow overflow-hidden\"><\/poster>\n      <\/div>\n      <div class=\"w-full\">\n        <div class=\"hidden tablet:block\">\n          <show-title class=\"text-base\"><\/show-title>\n          <episode-title class=\"text-xl desktop:text-2xl\"><\/episode-title>\n          <divider class=\"w-full my-4\"><\/divider>\n        <\/div>\n        <div class=\"flex items-center justify-between\">\n          <div class=\"block\">\n            <play-state on=\"active\">\n              <speed-control class=\"flex items-center\"><\/speed-control>\n            <\/play-state>\n          <\/div>\n\n          <div class=\"flex\">\n            <play-state on=\"active\">\n              <chapter-previous class=\"mx-2 block\"><\/chapter-previous>\n            <\/play-state>\n            <play-state on=\"active\">\n              <step-backward class=\"mx-2 block\"><\/step-backward>\n            <\/play-state>\n\n            <play-button class=\"mx-2 block\" :label=\"$t('PLAYER.PLAY_EPISODE')\"><\/play-button>\n\n            <play-state on=\"active\">\n              <step-forward class=\"mx-2 block\"><\/step-forward>\n            <\/play-state>\n            <play-state on=\"active\">\n              <chapter-next class=\"mx-2 block\"><\/chapter-next>\n            <\/play-state>\n          <\/div>\n\n          <div class=\"block\">\n            <play-state on=\"active\">\n              <volume-control class=\"flex items-center\"><\/volume-control>\n            <\/play-state>\n          <\/div>\n        <\/div>\n        <div class=\"flex w-full\">\n          <progress-bar><\/progress-bar>\n        <\/div>\n        <div class=\"flex w-full -mt-2\">\n          <div class=\"w-3\/12 text-left\">\n            <timer-current class=\"text-sm\"><\/timer-current>\n          <\/div>\n          <div class=\"w-6\/12 text-center truncate\">\n            <play-state on=\"active\">\n              <current-chapter class=\"text-sm\"><\/current-chapter>\n            <\/play-state>\n          <\/div>\n          <div class=\"w-3\/12 text-right\">\n            <timer-duration class=\"text-sm\"><\/timer-duration>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <divider class=\"w-full mt-6 mb-3\"><\/divider>\n    <div class=\"flex justify-between\">\n      <div class=\"flex mobile:w-full tablet:w-3\/12 desktop:w-3\/12 justify-between\">\n        <tab-trigger tab=\"chapters\">\n          <icon type=\"chapter\"><\/icon>\n        <\/tab-trigger>\n        <tab-trigger tab=\"transcripts\">\n          <icon type=\"transcripts\"><\/icon>\n        <\/tab-trigger>\n        <tab-trigger tab=\"files\">\n          <icon type=\"download\"><\/icon>\n        <\/tab-trigger>\n        <tab-trigger tab=\"playlist\">\n          <icon type=\"playlist\"><\/icon>\n        <\/tab-trigger>\n        <tab-trigger tab=\"share\">\n          <icon type=\"share\"><\/icon>\n        <\/tab-trigger>\n      <\/div>\n      <subscribe-button class=\"mt-1 mobile:hidden tablet:flex\"><\/subscribe-button>\n    <\/div>\n  <\/div>\n  <div class=\"w-full relative overflow-hidden\">\n    <tab name=\"chapters\">\n      <tab-chapters><\/tab-chapters>\n    <\/tab>\n    <tab name=\"transcripts\">\n      <tab-transcripts><\/tab-transcripts>\n    <\/tab>\n    <tab name=\"files\">\n      <tab-files><\/tab-files>\n    <\/tab>\n    <tab name=\"playlist\">\n      <tab-playlist><\/tab-playlist>\n    <\/tab>\n    <tab name=\"share\">\n      <tab-share><\/tab-share>\n    <\/tab>\n    <tab-overflow><\/tab-overflow>\n  <\/div>\n  <error><\/error>\n<\/root>\n<\/div>\n            <script>\n              document.addEventListener(\"DOMContentLoaded\", function() {\n                var player = document.getElementById(\"player-6a13a85a727a8\");\n                podlovePlayerCache.add([{\"url\":\"https:\\\/\\\/www.datenleben.de\\\/index.php\\\/wp-json\\\/podlove-web-player\\\/shortcode\\\/publisher\\\/809\",\"data\":{\"version\":5,\"show\":{\"title\":\"datenleben\",\"subtitle\":\"der podcast \\u00fcber data science\",\"summary\":\"Was ist Data Science? Was bedeuten die Daten f\\u00fcr unser Leben? Woher kommen sie und wozu werden sie benutzt?\\r\\nDas sind alles Fragen, mit denen wir uns auseinander setzen werden.\\r\\nWer schon immer mehr \\u00fcber Daten und deren Effekt auf unser Leben wissen wollte, ist hier genau richtig.\",\"poster\":\"https:\\\/\\\/www.datenleben.de\\\/podlove\\\/image\\\/687474703a2f2f7777772e646174656e6c6562656e2e64652f77702d636f6e74656e742f75706c6f6164732f323032302f30362f636f7665722e706e67\\\/500\\\/0\\\/0\\\/datenleben\",\"link\":\"https:\\\/\\\/www.datenleben.de\"},\"title\":\"dl041: barrierearme datenvisualisierung\",\"subtitle\":\"Wie k\\u00f6nnen visualisierte Daten m\\u00f6glichst barrierearm zur Verf\\u00fcgung gestellt werden?\",\"summary\":\"In dieser Folge geht es endlich mal wieder um Datenvisualisierung. Wir haben uns die Frage gestellt, wie visualisierte Daten m\\u00f6glichst barrierearm zur Verf\\u00fcgung gestellt werden k\\u00f6nnen. Daf\\u00fcr haben wir uns mit Anne-Victoria Meyer (Anvi) unterhalten. Sie hat sich in ihrer Masterarbeit intensiv mit diesem Thema besch\\u00e4ftigt \\u2013 und zwar aus der Perspektive einer Webentwicklerin. Dabei hat sie auch eine praktische Studie durchgef\\u00fchrt anhand eines eigenen Prototypen f\\u00fcr barrierearme Datenvisualisierung.\",\"publicationDate\":\"2023-08-19T12:00:36+02:00\",\"duration\":\"01:12:42.867\",\"poster\":\"https:\\\/\\\/www.datenleben.de\\\/podlove\\\/image\\\/68747470733a2f2f7777772e646174656e6c6562656e2e64652f77702d636f6e74656e742f75706c6f6164732f323032332f30382f3034315f436f7665722e706e67\\\/500\\\/0\\\/0\\\/dl041-barrierearme-datenvisualisierung\",\"link\":\"https:\\\/\\\/www.datenleben.de\\\/index.php\\\/2023\\\/08\\\/19\\\/dl041-barrierearme-datenvisualisierung\\\/\",\"chapters\":[{\"start\":\"00:00:00.000\",\"title\":\"Intro\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:00:18.452\",\"title\":\"Thema des Podcasts\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:00:36.674\",\"title\":\"Thema der Folge\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:01:32.386\",\"title\":\"Warum ist dieses Thema wichtig?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:01:59.160\",\"title\":\"Wer ist anvi?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:03:26.834\",\"title\":\"Einspieler: Stell dir vor... die H\\u00e4lfte wird dir nicht gesagt\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:07:04.014\",\"title\":\"Was ist Datenvisualisierung?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:09:42.865\",\"title\":\"Was hast du zu barrierefreier Datenvisualisierung erarbeitet?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:16:18.642\",\"title\":\"Woher kann ich wissen, was ich machen muss, f\\u00fcr Barrierefreie Zug\\u00e4nge?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:19:13.650\",\"title\":\"Was sind typische Barrieren?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:26:51.359\",\"title\":\"Was kann ich tun, um auf Barrierefreiheit hinzuarbeiten?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:33:11.470\",\"title\":\"Was gibt es beim Thema Kontrast zu beachten?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:40:28.858\",\"title\":\"Was sollte eine Bildbeschreibung enthalten?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:49:04.223\",\"title\":\"Was ist dein Fazit aus deiner Masterarbeit?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"00:57:43.131\",\"title\":\"Was waren die Schwierigkeiten bei der Umsetzung deines Prototypen?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"01:04:35.165\",\"title\":\"Gibt es noch etwas, was du zu diesem Thema noch loswerden m\\u00f6chtest oder dich noch interessiert?\",\"href\":\"\",\"image\":\"\"},{\"start\":\"01:08:25.945\",\"title\":\"Fazit\",\"href\":\"\",\"image\":\"\"},{\"start\":\"01:11:27.732\",\"title\":\"N\\u00e4chste Folge: Wahrscheinlichkeiten im September\",\"href\":\"\",\"image\":\"\"},{\"start\":\"01:11:50.654\",\"title\":\"Call to Action\",\"href\":\"\",\"image\":\"\"}],\"audio\":[{\"url\":\"https:\\\/\\\/www.datenleben.de\\\/podlove\\\/file\\\/165\\\/s\\\/webplayer\\\/c\\\/website\\\/DL041-barrierearme-datenvisualisierung.mp3\",\"size\":\"71266336\",\"title\":\"MP3 Audio (mp3)\",\"mimeType\":\"audio\\\/mpeg\"}],\"files\":[{\"url\":\"https:\\\/\\\/www.datenleben.de\\\/podlove\\\/file\\\/165\\\/s\\\/webplayer\\\/DL041-barrierearme-datenvisualisierung.mp3\",\"size\":\"71266336\",\"title\":\"MP3 Audio\",\"mimeType\":\"audio\\\/mpeg\"}]}}, {\"url\":\"https:\\\/\\\/www.datenleben.de\\\/index.php\\\/wp-json\\\/podlove-web-player\\\/shortcode\\\/config\\\/default\\\/theme\\\/datenleben\",\"data\":{\"activeTab\":\"chapters\",\"subscribe-button\":null,\"share\":{\"channels\":[\"link\",\"facebook\",\"twitter\",\"whats-app\",\"linkedin\",\"pinterest\",\"xing\",\"mail\"],\"outlet\":\"https:\\\/\\\/www.datenleben.de\\\/wp-content\\\/plugins\\\/podlove-web-player\\\/web-player\\\/share.html\",\"sharePlaytime\":true},\"related-episodes\":{\"source\":\"disabled\",\"value\":null},\"version\":5,\"theme\":{\"tokens\":{\"brand\":\"#fff\",\"brandDark\":\"#fff\",\"brandDarkest\":\"#000\",\"brandLightest\":\"#8cc240\",\"shadeDark\":\"#807E7C\",\"shadeBase\":\"#807E7C\",\"contrast\":\"#000\",\"alt\":\"#8cc240\"},\"fonts\":{\"ci\":{\"name\":\"ci\",\"family\":[\"-apple-system\",\"BlinkMacSystemFont\",\"Segoe UI\",\"Roboto\",\"Helvetica\",\"Arial\",\"sans-serif\",\"Apple Color Emoji\",\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\"],\"src\":[],\"weight\":800},\"regular\":{\"name\":\"regular\",\"family\":[\"-apple-system\",\"BlinkMacSystemFont\",\"Segoe UI\",\"Roboto\",\"Helvetica\",\"Arial\",\"sans-serif\",\"Apple Color Emoji\",\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\"],\"src\":[],\"weight\":300},\"bold\":{\"name\":\"bold\",\"family\":[\"-apple-system\",\"BlinkMacSystemFont\",\"Segoe UI\",\"Roboto\",\"Helvetica\",\"Arial\",\"sans-serif\",\"Apple Color Emoji\",\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\"],\"src\":[],\"weight\":700}}},\"base\":\"https:\\\/\\\/www.datenleben.de\\\/wp-content\\\/plugins\\\/podlove-web-player\\\/web-player\\\/\"}}]);\n                podlovePlayer(player, \"https:\/\/www.datenleben.de\/index.php\/wp-json\/podlove-web-player\/shortcode\/publisher\/809\", \"https:\/\/www.datenleben.de\/index.php\/wp-json\/podlove-web-player\/shortcode\/config\/default\/theme\/datenleben\").then(function() {\n                  player && player.classList.remove(\"podlove-web-player-loading\");\n                });\n              });\n            <\/script>\n            <style>\n              .podlove-web-player.podlove-web-player-loading {\n                opacity: 0;\n              }\n            <\/style>\n        \n\t\n\t\t\n<p>In dieser Folge geht es endlich mal wieder um Datenvisualisierung. Wir haben uns die Frage gestellt, wie visualisierte Daten m\u00f6glichst barrierearm zur Verf\u00fcgung gestellt werden k\u00f6nnen. Daf\u00fcr haben wir uns mit Anne-Victoria Meyer (Anvi) unterhalten. Sie hat sich in ihrer Masterarbeit intensiv mit diesem Thema besch\u00e4ftigt \u2013 und zwar aus der Perspektive einer Webentwicklerin. Dabei hat sie auch eine praktische Studie durchgef\u00fchrt anhand eines eigenen Prototypen f\u00fcr barrierearme Datenvisualisierung.<\/p>\n<h3>Links und Quellen<\/h3>\n<ul>\n<li>datenleben\n<ul>\n<li><a href=\"https:\/\/www.datenleben.de\/\">www.datenleben.de<\/a><\/li>\n<li>Social Media: Mastodon <a href=\"https:\/\/podcasts.social\/@datenleben\">@datenleben@podcasts.social<\/a> und Twitter <a href=\"https:\/\/twitter.com\/datenleben\">@datenleben<\/a><\/li>\n<li>YouTube: <a href=\"https:\/\/www.youtube.com\/@datenleben\">@datenleben<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Erw\u00e4hnte datenleben-Folgen\n<ul>\n<li><a href=\"https:\/\/www.datenleben.de\/index.php\/2021\/04\/24\/dl013-daten-visualisieren\/\">dl013: daten visualisieren<\/a><\/li>\n<li><a href=\"https:\/\/www.datenleben.de\/index.php\/2023\/05\/20\/dl038-data-feminism\/\">dl038: data feminism<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Links zur Folge\n<ul>\n<li><a href=\"https:\/\/media.ccc.de\/v\/fire-shonks-2022-49279-barrierearme-datenvisualisierungen-im-web\">media.ccc, Anne-Victoria Meyer: Barrierearme Datenvisualisierungen im Web (Video)<\/a><\/li>\n<li><a href=\"https:\/\/anne-victoria.github.io\/Barrierearme-Datenvisualisierungen-im-Web-Slides\/\">Slides zum Vortrag<\/a><\/li>\n<li><a href=\"https:\/\/doi.org\/10.34726\/hss.2023.104425\">Anne-Victoria Meyer: Accessibility of web-based data visualizations for people who are blind or visually impaired (Diploma Thesis, Technische Universit\u00e4t Wien)<\/a><\/li>\n<li><a href=\"https:\/\/media.ccc.de\/v\/fire-shonks-2022-49284-barrierefrei-posten-bildbeschreibungen-auf-social-media\">https:\/\/media.ccc.de\/v\/fire-shonks-2022-49284-barrierefrei-posten-bildbeschreibungen-auf-social-media<\/a><\/li>\n<li><a href=\"https:\/\/accessible-viz.netlify.app\/\">Anne-Victoria Meyer: Diagramm-Prototypen<\/a><\/li>\n<li>Chartability: <a href=\"https:\/\/chartability.fizz.studio\/\">https:\/\/chartability.fizz.studio\/<\/a><\/li>\n<li><a href=\"https:\/\/www.urban.org\/research\/publication\/do-no-harm-guide-centering-accessibility-data-visualization\">Jonathan Schwabish, Susan J. Popkin, Alice Feng: Do No Harm Guide: Centering Accessibility in Data Visualization<\/a><\/li>\n<li><a href=\"https:\/\/doi.org\/10.48550\/arXiv.2110.04406\">Alan Lundgard, Arvind Satyanarayan: Accessible Visualization via Natural Language Descriptions: A Four-Level Model of Semantic Content<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">W3C: Webcontent Accessibility Guidelines<\/a><\/li>\n<li><a href=\"https:\/\/media.ccc.de\/v\/fire-shonks-2022-49284-barrierefrei-posten-bildbeschreibungen-auf-social-media\">media.ccc, Casey Kreer: Barrierefrei posten: Bildbeschreibungen auf Social Media<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Schlagworte zur Folge<\/h3>\n<p>Barrierefreiheit, barrierearm, Datenvisualisierung, Accesability<\/p>\n<h3>Intro (00:00:00)<\/h3>\n<h3>Thema des Podcasts (00:00:18)<\/h3>\n<p>Helena: Willkommen zur 41. Folge beim Datenleben Podcast, dem Podcast \u00fcber Data Science. Wir sind Helena<\/p>\n<p>Janine: und Janine<\/p>\n<p>Helena: und m\u00f6chten euch die Welt der Daten n\u00e4her bringen. Was f\u00fcr Daten umgeben uns? Wie gehen wir mit diesen Daten um und was k\u00f6nnen wir aus ihnen lernen? Wer schon immer mehr dar\u00fcber wissen wollte, ist hier richtig, denn diesen Fragen gehen wir nach.<\/p>\n<h3>Thema der Folge (00:00:37)<\/h3>\n<p>Janine: Und in der diesmaligen Folge m\u00f6chten wir wieder an das Thema Datenvisualisierung ankn\u00fcpfen, wor\u00fcber wir schon mal relativ allgemein geredet haben, aber diesmal mit einem bestimmten thematischen Schwerpunkt. Und zwar geht es uns n\u00e4mlich um Bildbeschreibungen von Datenvisualisierung, also die Frage, wie k\u00f6nnen visualisierte Daten wiederum so beschrieben werden, dass sie auch ohne das, was man sieht, verst\u00e4ndlich sein k\u00f6nnen. Weil wir das Thema super spannend finden, aber selbst vielleicht noch nicht unbedingt so viel dar\u00fcber nachgedacht hatten, haben wir uns heute eine Person eingeladen, die schon sehr viel mehr dar\u00fcber nachgedacht hat als wir. Und zwar werden wir gleich mit Anvi reden, die \u00fcber das Thema Barrierefreiheit von Datenvisualisierung eine Masterarbeit geschrieben hat und dar\u00fcber einen Talk auf dem Fireshonks gehalten hat. Das fanden wir sehr spannend und deswegen haben wir sie gefragt, ob sie bei uns mal noch mehr dar\u00fcber reden m\u00f6chte.<\/p>\n<h3>Warum ist das Thema wichtig? (00:01:32)<\/h3>\n<p>Helena: Ja, und wir finden das Thema generell einfach spannend, so wie alle Themen, die Datenvisualisierung betreffen. Aber auch, weil es darum geht, wie kommuniziere ich meine Daten auch an Menschen, die die Visualisierung eben nicht sehen k\u00f6nnen oder f\u00fcr die die Visualisierung nicht sonderlich informativ sind. Und ja, dazu haben wir dich eingeladen, Anvi. M\u00f6chtest du dich einmal vorstellen?<\/p>\n<h3>Wer ist anvi? (00:01:59)<\/h3>\n<p>Anvi: Hi, ja, vielen Dank f\u00fcr die Einladung. Ich freue mich sehr, hier zu sein. Ich bin Anne Viktoria oder kurz Anvi. Meine Pronomen sind sie, ihr. Ich arbeite seit einigen Jahren als Frontend Entwicklerin und habe jetzt vor kurzem meinen Master im Bereich Mensch-Computer-Interaktion abgeschlossen. Und eben als Thema meiner Masterarbeit habe ich mir dieses Thema ausgesucht, Barrierefreiheit von Datenvisualisierung. Eben weil ich auch als Web-Entwicklerin arbeite, ist hier mein Fokus oder meine Perspektive nat\u00fcrlich die einer Web-Entwicklerin. Das hei\u00dft, ich habe mich recht darauf fokussiert, auch was k\u00f6nnen Web-Entwickler*innen zum Beispiel beachten, wenn sie Visualisierungen auf Seiten einbinden, gerade wenn sie sie zum Beispiel mit Libraries wie D3.js entwickeln, um diese Datenvisualisierung auch Menschen mit Behinderungen zug\u00e4nglich zu machen. Bei dem Stichpunkt m\u00f6chte ich kurz dazu sagen, dass ich hier auch die Perspektive habe von jemandem, der sich sehr f\u00fcr das Thema interessiert und sich daf\u00fcr einsetzen m\u00f6chte, aber dass ich selber keine Behinderung habe und deshalb nicht aus dieser Perspektive dar\u00fcber sprechen kann.<\/p>\n<p>Janine: Vielen Dank f\u00fcr deine Vorstellung. Es ist auf jeden Fall sehr spannend, sonst w\u00e4rst du ja auch nicht hier und wir h\u00e4tten dich nicht gefragt, wenn wir es nicht auch so sehen w\u00fcrden. Und da gehen wir gleich nochmal ein bisschen ins Detail, aber vorher haben wir noch einen kleinen Einspieler wie sonst auch zum Thema. Und zwar durfte ich hier Anvis Einleitungen ihrer Masterarbeit verarbeiten.<\/p>\n<h3>Einspieler: Stell dir vor... die H\u00e4lfte wird dir nicht gesagt (00:03:27)<\/h3>\n<p>Janine: Stell dir vor, du \u00f6ffnest einen Artikel. Er handelt von den aktuellen Entwicklungen eines globalen Ereignisses, wie zum Beispiel der Coronavirus-Pandemie. Direkt unter dem Titel, noch ehe der eigentliche Artikel beginnt, st\u00f6\u00dft du auf folgenden Text. 26.02. 12.03. 26.03. 09.04. 23.04. 0 200 400 600. Gleitender 7-Tage-Durchschnitt. Du bist irritiert, fragst dich, was das sein soll. Vielleicht ein Fehler, vielleicht hat die Autor*in dieses Artikels versehentlich etwas aus einer Kalkulationstabelle eingef\u00fcgt und es dann vergessen, vor der Ver\u00f6ffentlichung wieder aus dem Artikel zu entfernen. Dieser Text ist aber nichts Ungew\u00f6hnliches. Er ist sogar ziemlich typisch f\u00fcr das, was eine blinde oder sehbehinderte Person h\u00f6rt, wenn sie einen Artikel mit ihrem Bildschirmleseger\u00e4t anh\u00f6rt. Und zwar meistens dann, wenn sie auf eine Datenvisualisierung auf einer Webseite st\u00f6\u00dft. W\u00e4hrend die eine Person ein \u00fcberzeugendes Diagramm mit Statistiken \u00fcber die Entwicklung der Pandemie sieht, h\u00f6rt eine andere Person eine unverst\u00e4ndliche Aneinanderreihung von Daten und Zahlen ohne Kontext. Leider sind Datenvisualisierungen auf Webseiten f\u00fcr blinde oder sehbehinderte Menschen h\u00e4ufig unzug\u00e4nglich. Diese Unzug\u00e4nglichkeit ist insbesondere dann zu beobachten, wenn blinde oder sehbehinderte Personen eine Bildschirmlesesoftware verwenden, die die Informationen mit Text-to-Speech wiedergibt, also aus den schriftlichen Informationen der Webseite eine sprachliche Wiedergabe erzeugt. Eben vorliest, was andere visuell erfassen w\u00fcrden. Bei genauer Betrachtung des obigen Beispieltextes k\u00f6nnte man vermuten, dass es sich bei den Datumsangaben am Anfang um die Markierung der einen Achse eines Diagramms handelt und bei den folgenden Zahlen um die Markierung der anderen Achse. Der Text, gleitender 7-Tage-Durchschnitt, am Ende k\u00f6nnte dann eine Legende oder eine Beschriftung einer Datenreihe im Diagramm sein. Wenn wir nur den Text h\u00f6ren oder lesen, k\u00f6nnen wir jedoch nur spekulieren, was die Visualisierung, aus der dieser Text stammt, eigentlich zeigen soll. Die Zug\u00e4nglichkeit von Datenvisualisierungen f\u00fcr Menschen mit Behinderung ist ein Thema, das von der Forschung bisher leider vernachl\u00e4ssigt wurde. Wenn ich mir als Mensch aber etwas vorstellen k\u00f6nnen soll, dann brauche ich die Informationen, um diese Vorstellung mit etwas auff\u00fcllen zu k\u00f6nnen. Es reicht nicht, einfach nur Zahlenreihen und eine Beschriftung zu h\u00f6ren. Ich muss verstehen k\u00f6nnen, was dargestellt ist, so wie alle anderen es eigentlich vielleicht auch verstehen k\u00f6nnen oder zumindest die Chance haben, es zu verstehen, indem sie einfach hinsehen. Welche Informationen fehlen? Welche brauche ich, um \u00fcberhaupt eine Vorstellung von etwas haben zu k\u00f6nnen? Diese Frage ist sehr wichtig und die Antwort darauf noch umso wichtiger, vor allem, wie das umgesetzt werden kann.<\/p>\n<h3>Was ist Datenvisualisierung? (00:07:04)<\/h3>\n<p>Janine: Um uns diesem Thema anzun\u00e4hern, m\u00f6chten wir nochmal ein bisschen zur\u00fcckblicken und die Frage nochmal aufmachen, was ist Datenvisualisierung? Und deswegen, ja, m\u00f6chte ich hier nochmal ganz kurz darauf verweisen. Wir haben in Folge 13, die genau so hei\u00dft n\u00e4mlich, Datenvisualisierung, schon dar\u00fcber gesprochen und da aufgemacht, welche Zwecke und Ziele Datenvisualisierung haben kann. Und ja, Helena, wiederholst du einmal kurz, was wir da so besprochen haben?<\/p>\n<p>Helena: Ja, im Grunde meinen Datenvisualisierung jede Sichtbarmachung von Daten. In der Regel nicht Tabellenformen, sondern zum Beispiel grafische Darstellungen. Aber die Zwecke sind sehr unterschiedlich und in der Folge haben wir insbesondere \u00fcber die Exploration von Daten geredet, also darum, dass man mal einen \u00dcberblick bekommt, was \u00fcberhaupt man f\u00fcr Daten hat. Und ein weiterer Zweck von Datenvisualisierung, den wir besprochen hatten, ist die Validierung von Modellen, die man auf Basis dieser Daten gemacht hat, also dass man bestimmte Sachen analysiert hat und dann guckt, passt die Analyse \u00fcberhaupt zu diesen Daten. Daf\u00fcr gibt es auch spezielle Formen von Datenvisualisierung und der Teil, den Menschen, die selber nicht mit Daten arbeiten, wahrscheinlich am \u00f6ftesten sehen, ist die Anwendung der Kommunikation der Daten, um eben f\u00fcr andere Menschen Daten verst\u00e4ndlicher zu machen. Die ersten Bereiche sind halt auch f\u00fcr Leute, die mit Daten arbeiten, selber, w\u00e4hrend die Kommunikation eben auch daf\u00fcr da ist, anderen Leuten Daten verst\u00e4ndlich zu machen. Da gibt es sehr viele verschiedene Methoden und da sollte man sich auch immer Gedanken \u00fcber die Zielgruppe machen. F\u00fcr wen m\u00f6chte ich oder wem m\u00f6chte ich die Daten jetzt kommunizieren? Weil Leute, die mehr technisches Wissen haben, k\u00f6nnten vielleicht andere Darstellungen bevorzugen als Leute, die weniger spezifisches Wissen in manchen Bereichen haben.<\/p>\n<p>Janine: Wo uns die h\u00e4ufigste Form der Datenvisualisierung glaube ich vorkommt, ist in den Nachrichten h\u00e4ufiger, wenn da zum Beispiel \u00fcber Wahlergebnisse geredet wird oder \u00fcber irgendwelche Arbeitsmarktquoten. Ich muss hier gerade auch noch an die Data-Feminism-Folge denken, wo auch noch mal so ein bisschen genau \u00fcber solche Aspekte geredet wurde. Aber ja, Datenvisualisierung, wir werden damit recht h\u00e4ufig konfrontiert. Anvi, was waren denn so deine Ber\u00fchrungspunkte mit Datenvisualisierung?<\/p>\n<p>Anvi: Ja, zuletzt jetzt nat\u00fcrlich prominent meine Masterarbeit, wo ich mich intensiv mit der Barrierefreiheit von Datenvisualisierung besch\u00e4ftigt habe und wo ich auch selber einen Prototyp umgesetzt habe in Form einer Webseite mit zwei Datenvisualisierungen.<\/p>\n<h3>Was hast du zu barrierefreier Datenvisualisierung erarbeitet? (00:09:43)<\/h3>\n<p>Helena: Aber worum ging es denn in deiner Masterarbeit?<\/p>\n<p>Anvi: Also in sich, grob habe ich es ja schon gesagt, im Genaueren muss man nat\u00fcrlich sich immer ein bisschen einschr\u00e4nken bei so einer Masterarbeit. Das hei\u00dft, ich habe mich einerseits speziell fokussiert auf Datenvisualisierung, die direkt auf Webseiten eingebunden werden. Ich bin von diesem Fall ausgegangen, dass wir sagen, wir haben schon die Daten und wir wollen mit Code etwas umsetzen, was auf einer Webseite eingebunden wird, was dann eine Datenvisualisierung ist. Ich habe mich speziell eben auch damit besch\u00e4ftigt, was man dabei beachten kann, dann als Entwickler*in, wenn man das umsetzt. Und ich habe mich auch speziell damit besch\u00e4ftigt, was man beachten muss f\u00fcr die Barrierefreiheit von Menschen mit Sehbehinderung. Hier m\u00f6chte ich dazu sagen, nat\u00fcrlich Menschen mit Sehbehinderung sind nicht die einzigen Menschen, die hier das Thema Barrierefreiheit betrifft. Es gibt auch andere Behinderungen, die hier auf jeden Fall relevant sind. In meiner Masterarbeit haben wir jedoch den Fokus so gew\u00e4hlt, dass ich mich prim\u00e4r mit Barrierefreiheit f\u00fcr Sehbehinderung besch\u00e4ftigt habe.<\/p>\n<p>Helena: Okay, aber k\u00f6nnte man sagen, dass damit das, was du dir angeguckt hast, nicht ganz \u00fcbertragbar w\u00e4re, wenn man die jetzt in Social Media verwenden w\u00fcrde? Das w\u00e4re dann wahrscheinlich ein etwas anderer Fokus. <\/p>\n<p>Anvi: Genau, das w\u00e4re nat\u00fcrlich ein anderer Fall dann wieder, weil man nat\u00fcrlich, wenn man die Kontrolle \u00fcber die Webseite hat und \u00fcber den Code, hat man ganz andere M\u00f6glichkeiten, das einzubinden und das barrierearm umzusetzen, als wenn man jetzt zum Beispiel in Social Media was postet und man nur ein fertiges Bild hat, was man hochladen kann und dem man maximal vielleicht eine Bildbeschreibung dazu geben kann, wo es aber nicht die M\u00f6glichkeit gibt, zum Beispiel unter dem Bild dann noch eine gut formatierte Tabelle einzubinden oder so etwas.<\/p>\n<p>Helena: Okay, ja, und was hast du dann gemacht?<\/p>\n<p>Anvi: An sich in meiner Masterarbeit wollte ich herausfinden, was gibt es eigentlich schon an Wissen dazu, wie man Datenvisualisierung barrierearm machen kann und wie gut funktioniert es, wenn man das in der Praxis versucht umzusetzen und wie n\u00fctzlich ist es dann auch wirklich f\u00fcr Menschen mit Behinderungen, wenn man diese Techniken anwendet. Deswegen habe ich in meiner Masterarbeit im ersten Schritt geguckt in der Literatur, was gibt es schon f\u00fcr Empfehlungen aus vorherigen Studien oder anderen Werken, was man ber\u00fccksichtigen sollte, um die Datenvisualisierung m\u00f6glichst barrierearm umzusetzen. Daraus habe ich dann so 19 Guidelines entwickelt. Die habe ich dann wiederum angewendet in einem Prototyp mit zwei Datenvisualisierungen, den ich implementiert habe mit D3.js, also die Datenvisualisierung sind mit D3.js umgesetzt, und das habe ich dann wiederum evaluiert in einer kleinen Studie mit f\u00fcnf Personen mit Sehbehinderungen, wo wir uns jeweils in Zoom getroffen haben und diese Personen dann zuerst Aufgaben bearbeitet haben mithilfe des Prototyps. Und hinterher habe ich ihnen dann noch ein paar Fragen gestellt zur Usability und welche Features ihnen gefallen haben und so weiter.<\/p>\n<p>Helena: Okay. <\/p>\n<p>Janine: Das hei\u00dft, du hast gleich irgendwie versucht, einen praktischen Zugang dazu zu finden und nicht nur theoretisch dar\u00fcber nachgedacht, wie man es machen k\u00f6nnte, sondern auch mit Menschen zusammengearbeitet, um das eben auszuprobieren und dann zu Ergebnissen zu kommen.<\/p>\n<p>Anvi: Genau, also das war mir auch wichtig in meiner Masterarbeit, dass ich, ich sage mal, m\u00f6glichst nah an der Praxis und m\u00f6glichst nah an den Menschen, die es betrifft, arbeite, dass ich nicht jetzt, wie es halt leider h\u00e4ufig passiert, irgendwo in meinem K\u00e4mmerlein sitze und mir irgendwas ausdenke. Ich als Person ohne Behinderung denke mir irgendwas aus, was meiner Meinung nach super cool w\u00e4re f\u00fcr Leute mit Behinderung und schreibe dann da irgendwas dr\u00fcber. Und in Wahrheit geht es total an der Lebensrealit\u00e4t von den Menschen vorbei. Deswegen war das f\u00fcr mich eben wichtig, was zu machen, einerseits was konkret anwendbar ist mit aktuell vorhandenen Web-Technologien und halt dann auch wirklich zu gucken mit Menschen, die Behinderungen haben, ob es f\u00fcr sie gut funktioniert.<\/p>\n<p>Helena: Okay, du hattest gerade was von 19 Empfehlungen, die du umgesetzt h\u00e4ttest, erz\u00e4hlt. Was hast du da gemacht konkret?<\/p>\n<p>Anvi: Unterschiedlich. Es ist schwierig, das zusammenzufassen, ohne jetzt diese 19 Punkte durchzugehen. Aber ich kann euch ein paar Beispiele geben.<\/p>\n<p>Helena: Ja, das ist gut.<\/p>\n<p>Anvi: Also ich m\u00f6chte jetzt nicht behaupten, dass es die wichtigsten w\u00e4ren, weil ich hier jetzt keine Hierarchie der Wichtigkeit aufbauen m\u00f6chte. Aber ein Beispiel zum Beispiel, was ich immer empfehlen w\u00fcrde und was auch Teil von diesen Guidelines war, ist, die Daten als Tabelle anzubieten, zus\u00e4tzlich zur Datenvisualisierung. Es ist egal, wie gut die Datenvisualisierung umgesetzt ist, ob sie zum Beispiel f\u00fcr Screenreader-User*innen gut zug\u00e4nglich ist oder ob es eine gute Beschreibung gibt. Es ist immer sinnvoll, auch eine Tabelle mit einzubinden, wo die Daten dargestellt sind. Und das ist zum Beispiel eine von den Empfehlungen. Dann zum Beispiel auch, dass die Farben ausreichend Kontrast haben sollten, so dass sie gut erkennbar sind. Sie sollten gut unterscheidbar sein, auch f\u00fcr Menschen, die zum Beispiel eine Farbsehschw\u00e4che haben. Schrift sollte gut lesbar sein. Es sollte alles gut beschriftet und gelabelt sein. Wenn man zum Beispiel einen Screenreader verwendet, ich wei\u00df nicht, soll ich erkl\u00e4ren, was ein Screenreader ist?<\/p>\n<p>Janine: Ja, mach gern mal.<\/p>\n<p>Anvi: Ein Screenreader ist eine Software, die h\u00e4ufig von Menschen mit Sehbehinderung genutzt wird, aber nicht nur von dieser Gruppe, die sie verwenden, um sich das vorlesen zu lassen, was auf dem Bildschirm zu sehen ist. Also der Screenreader parsed alles, was auf dem Bildschirm zu sehen ist. Und wenn wir jetzt \u00fcber Webseiten reden, dann parsed er alles, was auf der Webseite ist, schaut sich an zum Beispiel, was f\u00fcr \u00dcberschriften gibt es und so weiter und macht das dann f\u00fcr die Person verf\u00fcgbar, die \u00fcber bestimmte Tastaturbefehle dann diese Webseite durchgehen kann, zum Beispiel zwischen den \u00dcberschriften hin und her springen kann. Und das wird dann meistens \u00fcber Sprachausgabe ausgegeben. Dann wird zum Beispiel vorgelesen, was die \u00dcberschrift ist, auf der man sich aktuell befindet. Und Screenreader sind zum Beispiel sehr typisch f\u00fcr Menschen, die blind sind, die damit dann zum Beispiel Webinhalte konsumieren.<\/p>\n<h3>Woher kann ich wissen, was ich machen muss, f\u00fcr Barrierefreie Zug\u00e4nge? (00:16:19)<\/h3>\n<p>Helena: Jetzt mal abgesehen von deiner Masterarbeit. Woher kann ich denn wissen, wenn ich eine Webseite baue, worauf ich achten sollte? Was kann ich mir denn mal angucken oder gibt es da irgendwelche Richtlinien f\u00fcr, die das irgendwie mir als Person, die selber noch nicht so genau wei\u00df, worauf es ankommt, zug\u00e4nglicher macht, um zu wissen, was ich machen kann?<\/p>\n<p>Anvi: Also wenn wir jetzt allgemein \u00fcber Barrierefreiheit von Webseiten sprechen, dann gibt es schon seit langer Zeit die Webcontent Accessibility Guidelines vom World Wide Web Consortium. Das sind Richtlinien, die bestimmte Kriterien vorgeben, was erf\u00fcllt sein sollte, damit eine Webseite m\u00f6glichst barrierearm ist. Da stehen dann so Sachen drin, wie zum Beispiel, achte drauf, dass die Schriftgr\u00f6\u00dfe mindestens so und so gro\u00df ist, Bilder m\u00fcssen Bildbeschreibungen haben, die Navigation sollte konsistent und verst\u00e4ndlich sein und solche Sachen. Nat\u00fcrlich, allein diese Kriterien zu erf\u00fcllen, garantiert noch nicht, dass die Webseite irgendwie irgendwo in der N\u00e4he von barrierefrei ist. Das kommt halt sehr viel immer darauf an, dass man auch das so umsetzt, dass es irgendwie auch verst\u00e4ndlich ist, dass es gut benutzbar ist, dass es Sinn ergibt. Aber an sich ist das so die Grundlage, wonach sich die meisten richten, wenn sie versuchen, eine Webseite m\u00f6glichst barrierearm zu machen.<\/p>\n<p>Helean: Ja, und wenn es jetzt konkret bezogen auf Daten, kannst du da auch was empfehlen?<\/p>\n<p>Anvi: Genau, also an sich, diese Webcontent Accessibility Guidelines sind recht allgemein formuliert, so dass sie m\u00f6glichst auf alle Arten von Webseiten passen sollten. Das ist einerseits sehr gut, weil man sie dann sehr breit anwenden kann, aber es ist eben auch ein Problem, wenn man dann so doch recht spezifische Arten von Content hat auf einer Webseite, wie eben Datenvisualisierung, die schon ein bisschen spezieller sind teilweise, gerade wenn sie interaktiv sind. Und da ist es h\u00e4ufig dann gar nicht so klar, wie eigentlich diese Richtlinien anzuwenden und zu verstehen sind in Bezug auf Datenvisualisierung. Was ganz cool ist, ist, es gibt ein Projekt, das nennt sich Chartability, und dort gibt es Richtlinien, die sehr \u00e4hnlich aufgebaut sind wie die Webcontent Accessibility Guidelines und zielt speziell ab auf die Barrierefreiheit von Datenvisualisierung. Und dieses Chartability w\u00fcrde ich zum Beispiel empfehlen, wenn man auf seiner Webseite Datenvisualisierung einbindet und man sich dann besch\u00e4ftigen m\u00f6chte, wie kann ich die m\u00f6glichst barrierearm umsetzen, worauf sollte ich achten? Dann hilft es auf jeden Fall, dass es so einen Kriterienkatalog vorgibt, den man durchgehen kann, um zu schauen, wo eventuell noch Barrieren sind in der Datenvisualisierung.<\/p>\n<h3>Was sind typische Barrieren? (00:19:14)<\/h3>\n<p>Janine: Und was sind da die typischen Barrieren, die es da gibt?<\/p>\n<p>Anvi: Was typisch ist zum Beispiel gerade f\u00fcr Screenreadernutzer*innen, sind h\u00e4ufig Datenvisualisierung gar nicht als solche erkennbar. Normalerweise ein Screenreader sagt zum Beispiel an, wenn auf einer Webseite ein Bild ist, und man dorthin navigiert, wo dieses Bild ist, dann sagt der Screenreader an, hier ist ein Bild, und wenn es eine Bildbeschreibung gibt, dann wird die Bildbeschreibung auch vorgelesen. Das Problem mit Datenvisualisierung ist, dass sie h\u00e4ufig so umgesetzt sind, dass \u00fcberhaupt nicht erkennbar ist, dass dort \u00fcberhaupt etwas ist, oder dass nur erkennbar ist, hier ist irgendwas, hier sind irgendwelche Zahlen, ich h\u00f6re irgendwelche Zahlen, aber ich h\u00f6re nicht, was das eigentlich ist. Das hei\u00dft, h\u00e4ufig ist ein Problem, dass gar nicht klar ist, dass eine Datenvisualisierung gerade vorhanden ist. Und andererseits auch, wenn es irgendwie verst\u00e4ndlich ist, dass es hier gerade eine Datenvisualisierung ist, passiert es auch h\u00e4ufig, dass der Screenreader-Output nicht wirklich n\u00fctzlich ist. Wenn jetzt nicht irgendwelche speziellen Schritte unternommen wurden, um diese Datenvisualisierung barrierearm zu machen, und diese Datenvisualisierung zum Beispiel mit D3.js umgesetzt wurde und aus SVG-Elementen besteht, dann w\u00fcrde der Screenreader h\u00f6chstwahrscheinlich einfach das vorlesen, was er an Text findet in dieser Datenvisualisierung. Und das sind eben dann so Sachen wie irgendwie Text, der in der Legende steht, oder die Tickmarks an einer Achse, wenn es eine Achse gibt, oder ein Label, was neben einer Linie steht. Aber nicht zum Beispiel, was das f\u00fcr eine Visualisierung ist, wie sie aussieht, warum sie dort ist, was da drin zu erkennen ist, was f\u00fcr Daten da drin sind, was die Trends in den Daten sind, und all dieses, was eigentlich interessant w\u00e4re, warum man eigentlich meistens diese Visualisierung auch einbindet auf der Seite, das ist dann meistens \u00fcberhaupt nicht erkennbar, wenn man einen Screenreader benutzt.<\/p>\n<p>Janine: Zum Beispiel, wie du es auch in der Einleitung gemacht hast, die ich hier im Einspieler verarbeiten durfte, wo eben einfach nur vorgelesen wurde, verschiedene Daten, verschiedene Zahlen und dann eben das vermutliche Label mit dem Sieben-Tages-Wert, der dann mit dabei stand. Das war ja auch so kontextlos. Also gut, ich habe dann vielleicht gewusst, um welche Daten es geht, also an welchem Tag etwas war und was sozusagen die Bandbreite der Skala war, n\u00e4mlich von 0 bis 600, aber dazwischen fehlt alles andere an Informationen.<\/p>\n<p>Anvi: Genau, also das war jetzt zum Beispiel auch ein konkretes Beispiel von einer echten Seite, ich sage nicht welche, auf der ich mit einem Screenreader war und da war eben genau so eine Statistik der Sieben-Tage-Inzidenz und das war eben genau dieser typische Fall, dass nur eigentlich die Beschriftungen vorgelesen wurden, aber es keinen Zugang gab zu den eigentlichen Daten und es auch eben keine M\u00f6glichkeit gab, auf die Daten selber zuzugreifen.<\/p>\n<p>Janine: Ja, oder \u00fcberhaupt zu wissen, warum diese Zeile da jetzt auftaucht.<\/p>\n<p>Anvi: Also was es manchmal gibt, ich wei\u00df jetzt nicht, ob das in dem Fall der Fall war, ist eben zum Beispiel ein Link dann zu einer Datentabelle. Das ist nat\u00fcrlich cool, wenn es das gibt, weil das zumindest dann eine Alternative schon mal gibt, auf die Daten zuzugreifen. Aber diese Tabellen sind halt auch nicht die Norm, noch nicht.<\/p>\n<p>Janine: Ja, mir ist gerade noch eingefallen, was ja f\u00fcr Screenreader tats\u00e4chlich auch einen Unterschied macht, ist zum Beispiel, wie ich Schrift benutze. Also ich denke jetzt, was ich in Social Media bisher mitbekommen habe, ist, wenn Hashtags benutzt werden, meinetwegen #DatenlebenLeaks. Das hatten wir schon \u00f6fter mal als Hashtag benutzt. Und wenn alles klein geschrieben wird, kann es f\u00fcr den Screenreader schwer sein, das zu interpretieren. Und deswegen setzt man bei sowas, weil Hashtags m\u00fcssen ja in einem Wort geschrieben werden, um so anklickbar zu sein. Deswegen benutzt man eben Gro\u00dfbuchstaben, um die Worte einzeln vorlesbar zu machen, sodass der Screenreader das dann besser interpretieren kann. Also das ist jetzt so etwas, was mir gerade noch einf\u00e4llt. Trifft wahrscheinlich auf die meisten Datenvisualisierung in dem Fall jetzt nicht zu. Ist bestimmt Social Media spezifisch, aber ja, kann helfen, die Worte verst\u00e4ndlich zu machen.<\/p>\n<p>Anvi: Aber das ist nat\u00fcrlich auch ein Punkt hier, sag ich mal, dass man m\u00f6glichst mitdenken oder mit Screenreader ausprobieren sollte, wie sich die Sachen mit Screenreader anh\u00f6ren. Und das ist nat\u00fcrlich auch relevant bei Daten, gerade wenn es zum Beispiel um Zahlen geht. Da ist es n\u00e4mlich zum Beispiel wichtig, dass man m\u00f6glichst die Daten so formatiert, wenn das zum Beispiel so eine Zahl ist wie 7,5 Millionen, dass man sie sch\u00f6n mit den ordentlichen Tausender- und Dezimal-Trennzeichen versieht, dass dann der Screenreader das auch vorliest als 7,5 Millionen und nicht als 7 5 0 0 0 0 0. Weil das n\u00e4mlich auch dann den Cognitive Load erh\u00f6ht und das nat\u00fcrlich das schwerer verst\u00e4ndlich macht, wenn man mit dem Screenreader so eine Datenvisualisierung durchgeht und anstatt, dass man die Zahl verst\u00e4ndlich vorgelesen kriegt als 7,5 Millionen, man dann die einzelnen Ziffern nur angesagt bekommt, weil die Zahlen nicht richtig formatiert wurden. Also das ist auch so ein Punkt, dass man das immer mitdenken sollte. Nat\u00fcrlich ist das h\u00e4ufig auch eine Sache, die unterschiedlich ist zwischen verschiedenen Screenreadern und die teilweise auch eine Einstellungssache ist, weil nat\u00fcrlich Screenreader auch Einstellungen haben, zum Beispiel wie verbos die Sachen vorlesen, welche Sonderzeichen wie vorgelesen werden und so weiter. Ich habe es in meiner Studie zum Beispiel auch gehabt, dass, ich glaube, bei vier von f\u00fcnf Personen wurden die Zahlen super vorgelesen und bei einer Person wurden aus irgendeinem Grund die Ziffern alle einzeln vorgelesen, was es halt total schwierig macht, mit den Daten zu arbeiten.<\/p>\n<p>Helena: Ja.<\/p>\n<p>Janine: Als ich den einen Spieler eingesprochen habe, hatte ich das Problem tats\u00e4chlich auch. Und dann habe ich gedacht, naja, aber vielleicht h\u00e4tte der Screenreader das ja auch schon als Datum interpretiert und wahrscheinlich 12.3., 26.3. und so was weiter gesagt. Da war ich selbst verwirrt und ich hatte kurz \u00fcberlegt, ob ich dich noch anfrage, wie ich es denn vorlesen soll. Weil ja, mir hat da auch der Kontext gefehlt. Was war das Ergebnis? Wie wurde das gemacht? Und ja, das finde ich spannend. Nat\u00fcrlich geht so den Programm selbst auch, wenn man das jetzt mal so menschlich sagt, wenn denen vorher nicht gesagt wird, wie funktioniert das, dann werden sie da ein ganz anderes Ergebnis ausspucken.<\/p>\n<p>Helena: Ja, aber es ist bei Zahlen generell so, wenn man zu viele Nachkommastellen dahinschreibt, wenn die gar nicht relevant sind, dass das dann generell Daten weniger leicht verst\u00e4ndlich macht. Oft sind die Nachkommastellen ja sogar nur komplette Berechnungsartefakte und komplett irrelevant ab einem gewissen Punkt. Und wenn man die jetzt wahrscheinlich mit zehn Nachkommastellenzahlen irgendwohin macht, dann hilft das jetzt gerade auch mit Screenreadern nat\u00fcrlich auch nicht weiter. Die w\u00fcrde ja eh niemand lesen.<\/p>\n<p>Anvi: Genau, aber das ist nat\u00fcrlich ja auch eine Sache, die f\u00fcr Accessibility auch wichtig ist, jetzt unabh\u00e4ngig von Sehbehinderungen zum Beispiel, weil das nat\u00fcrlich auch eine Dimension von Accessibility oder von Barrierefreiheit ist, dass ich gucke, wie mache ich die Datenvisualisierung so, dass sie m\u00f6glichst leicht verst\u00e4ndlich ist? Und leichter verst\u00e4ndlich ist nat\u00fcrlich, wenn die Zahl irgendwie sinnvoll gerundet und sch\u00f6n formatiert ist, als wenn die da irgendwie in einer unn\u00f6tig hohen Pr\u00e4zision oder mit unn\u00f6tig vielen Nachkommastellen drinsteht.<\/p>\n<h3>Was kann ich tun, um auf Barrierefreiheit hinzuarbeiten? (00:26:51)<\/h3>\n<p>Helena: Ja, aber kommen wir doch noch mal zu dem Thema, was kann ich denn tun, um die Barrierefreiheit beziehungsweise die Barriere, ja, die Barrieren zu reduzieren?<\/p>\n<p>Anvi: Ja, Barrierefreiheit ist so ein komisches Wort, oder? Weil also wirklich kann man je hundertprozentige Barrierefreiheit erreichen, das ist zu bezweifeln.<\/p>\n<p>Helena: Ja.<\/p>\n<p>Janine: Das stimmt.<\/p>\n<p>Anvi: Genau, also ich kann gerne mal noch ein paar Tipps geben, Beispiele geben dazu. Wenn ich jetzt mal mir die Situation vorstelle, ich bin Webentwicklerin oder Webentwickler, m\u00f6chte auf meiner Webseite eine Datenvisualisierung umsetzen, was sind da typische Sachen, die es zu beachten gibt? Da kann ich gerne eine \u00dcbersicht geben, jetzt von den Sachen, die man beachten k\u00f6nnte, die man nat\u00fcrlich auch in zum Beispiel Chartability wiederfinden wird, deswegen hier muss jetzt niemand mitschreiben, kann gerne ein paar Sachen erz\u00e4hlen, aber in Zweifelsfall w\u00fcrde ich euch empfehlen, bei Chartability reinzuschauen. Aber was zum Beispiel eine Sache ist, die ich in der Literatur immer wieder gelesen habe und die ich selber auch in meiner Studie festgestellt habe, ist, dass es unglaublich wertvoll ist, die Daten und die Visualisierung auf mehreren Wegen zug\u00e4nglich zu machen. Das hei\u00dft zum Beispiel, dass ich einerseits die Visualisierung selber anbiete, das kann zum Beispiel jetzt in einem simplen Fall einfach ein Bar Chart sein, und dass ich dem zum Beispiel als erste Alternative eine Bildbeschreibung gebe, wo beschrieben wird, was f\u00fcr eine Art von Chart ist das, was ist darin zu sehen, warum ist das Chart hier, was m\u00f6chte ich mit dem Chart ausdr\u00fccken. Und dass ich dann als weitere Alternative zum Beispiel eine Datentabelle anbiete, unter dem Chart oder als Link, dann auf einer eigenen Seite, f\u00fcr Menschen, f\u00fcr die das einfach einfacher ist, zum Beispiel das als Tabelle aufzurufen. Oder auch zum Beispiel, dass die Daten als Download angeboten werden, dass man einfach sagt, okay, wir bieten einen Download an und wer die Daten lieber in einem eigenen Programm \u00f6ffnen m\u00f6chte, kann die Daten einfach runterladen und in einem eigenen Programm \u00f6ffnen. Dann kann man nat\u00fcrlich auch noch Sachen machen, wie dass man zum Beispiel versucht, wirklich die Elemente der Visualisierung selber barrierearm zu machen, also barrierearm meine ich jetzt gar nicht, sondern ich meine Screenreader zug\u00e4nglich in diesem Fall, dass man sagt, okay, die einzelnen Elemente k\u00f6nnen auch mit dem Screenreader zum Beispiel durchgegangen werden. Oder dass ich zum Beispiel auch eine Audio-Version anbiete, wo die Daten nicht visuell dargestellt werden, sondern zum Beispiel in Form von T\u00f6nen. Und das sind einfach jetzt so Beispiele daf\u00fcr, wie man die Daten auf viele verschiedene Arten und Weisen zug\u00e4nglich machen kann. Und der Trick ist hier einfach, je gr\u00f6\u00dfer die Anzahl ist von Wegen, auf denen man diese Daten zugreifen kann, desto gr\u00f6\u00dfer ist die Wahrscheinlichkeit, dass das f\u00fcr eine bestimmte Person dann einer dieser Wege funktioniert.<\/p>\n<p>Helena: Okay, ja. <\/p>\n<p>Janine: Ist das etwas, was du in deiner Masterarbeit dann mit deinen Proband*innen auch rausgefunden hast? Also hast du diese R\u00fcckmeldung auch bekommen?<\/p>\n<p>Anvi: Es war recht interessant, weil ich das so stark gar nicht erwartet hatte. Meine Proband*innen, es waren insgesamt f\u00fcnf, waren alle, sag ich mal, auf dem Spektrum von komplett blind bis stark sehbehindert und sie haben sehr unterschiedliche Features eigentlich genutzt im Prototyp und es haben ihnen auch unterschiedliche Features gefallen. Ich habe zum Beispiel textuelle Beschreibungen von den Visualisierungen drin gehabt und es gab eine Person, die hat sehr viele von den Aufgaben, die ich gestellt habe, einfach gel\u00f6st, indem die Person die textuellen Beschreibungen durchsucht hat oder sich angeh\u00f6rt hat und dort schon die L\u00f6sung gefunden hat oder dort einen Hinweis gefunden hat, zumindest in welchem Bereich der Daten sie suchen muss, um den richtigen Wert zu finden. Dann gab es zum Beispiel andere Personen, die total viel mit der Tabelle gearbeitet haben und die auch gesagt haben, total super, dass die Tabelle drin ist, die gesagt haben, die Tabelle ist f\u00fcr sie pers\u00f6nlich sehr wichtig und w\u00fcrden sie begr\u00fc\u00dfen, wenn mehr Seiten sowas h\u00e4tten. Es gab dann auch wiederum eine Person, die ein Feature sehr viel genutzt hat, das war die Zoom-Funktion. Und zwar habe ich eine Zoom-Funktion eingebaut, wo man die Datenvisualisierung in Fullscreen \u00f6ffnen kann und man dann rein und raus zoomen kann auf das Chart. Und da gab es eben eine Person, die das sehr viel genutzt hat und die sich sehr dr\u00fcber gefreut hat, dass es dieses Feature gab. Und da war ich eigentlich schon \u00fcberrascht, dass, obwohl ich nur f\u00fcnf Proband*innen hatte, was eine eher geringe Anzahl ist, es doch recht divers war, welche Features sie genutzt haben und welche Features ihnen gefallen haben. <\/p>\n<p>Helena: Ja, ich meine, letztlich kriegt man ja bei allen Themen immer komplett verschiedene Antworten, wenn man Leuten fragt, ja, wie nutzt ihr denn diese eine Sache? Oder welcher Teil davon ist f\u00fcr euch wichtig? Das ist ja immer unterschiedlich, die Antworten. Deswegen ist das ja auch ein guter Punkt, darauf hinzuweisen, dass man eben verschiedene Arten anbieten sollte. Und insbesondere die Tabelle w\u00e4re ja technisch auch besonders leicht umzusetzen, ohne gro\u00dfen Mehraufwand. Also nicht jede Person, die eine Webseite betreibt, hat vielleicht die Kapazit\u00e4ten und die Tabelle ist, glaube ich, dann das Einfachste, was man machen kann. Also das sollte eigentlich immer machbar sein. Ja, was ich auch sch\u00f6n f\u00e4nde, w\u00e4re, wenn Standardprogramme, die Datenvisualisierung bereitstellen, auch ein automatisches Feature h\u00e4tten, dann passende Tabellen auszuspucken.<\/p>\n<p>Anvi: Ja, das gibt es bei manchen. Ich glaube das, oder ich sage mal, ich hoffe, das wird jetzt auch mehr. Aber ich wei\u00df, bei manchen gibt es das schon.<\/p>\n<p>Helena: Ja.<\/p>\n<p>Janine: Also wir hatten ja auch schon mal \u00fcber ggplot geredet, womit Helena gerne Grafik gemacht. Und da kann man ja auch schon die verschiedenen Farbschemata reinladen, die eben f\u00fcr Farbsehschw\u00e4chen hilfreich sind, um Graphen besser lesbar zu machen.<\/p>\n<p>Helena: Aber irgendwie automatisches Extrahieren wiederum von bestimmten Informationen habe ich da jetzt noch nicht gesehen. Ich habe aber auch noch nicht nachgeguckt, ob es das da schon gibt.<\/p>\n<h3>Was gibt es beim Thema Kontrast zu beachten? (00:33:11)<\/h3>\n<p>Janine: Eine Sache, die du gerade ja schon angesprochen hattest f\u00fcr die Verbesserung von Barrieren oder den Abbau von Barrieren war der Kontrast. Gibt es da bestimmte Sachen zu beachten oder wie gehe ich damit um?<\/p>\n<p>Anvi: Genau, das ist nat\u00fcrlich auch eine typische Barriere bei Datenvisualisierung, dass einerseits die Schrift zu klein, zu wenig kontrastreich, zu schlecht lesbar ist. Aber auch h\u00e4ufig, dass die grafischen Elemente selber zu wenig Kontrast haben, schlecht unterscheidbar sind und h\u00e4ufig f\u00fcr Menschen mit Farbsehschw\u00e4che zum Beispiel auch schwer zu unterscheiden ist, was dann zu was geh\u00f6rt in der Legende und in der Visualisierung. Und deswegen ist es nat\u00fcrlich dann auch wichtig, was das Visuelle angeht, dass man alles m\u00f6glichst gut lesbar macht, dass man m\u00f6glichst gro\u00dfe und gut lesbare Schrift w\u00e4hlt, dass man gut unterscheidbare Farben w\u00e4hlt und dass man alles m\u00f6glichst kontrastreich macht, w\u00fcrde ich mal sagen. Da gibt es ja auch zum Beispiel Online-Tools, mit denen man das Kontrastlevel \u00fcberpr\u00fcfen kann. Es gibt auch Tools, die einem helfen, Farbpaletten zu generieren f\u00fcr Datenvisualisierung, die f\u00fcr Menschen mit Farbsehschw\u00e4che auch gut unterscheidbar sein sollten. Also da gibt es viele Tools, die einem auch helfen k\u00f6nnen, zum Beispiel dann richtige Farben f\u00fcr Sachen zu w\u00e4hlen, die dann gut lesbar und gut unterscheidbar sind. Und was nat\u00fcrlich jetzt, sag ich mal, noch super cool w\u00e4re, ist, wenn man M\u00f6glichkeiten zur Anpassung von Farben und Kontrast einbindet. Also, wenn man zum Beispiel die M\u00f6glichkeit anbietet, in der Datenvisualisierung selber das Farbschema zu \u00e4ndern oder die Schrift gr\u00f6\u00dfer zu machen oder den Kontrast zu erh\u00f6hen. Das w\u00e4re nat\u00fcrlich optimal.<\/p>\n<p>Helena: Ja, das kann ich mir vorstellen, weil w\u00fcrde man maximalen Kontrast einstellen, wird es ja dann wieder f\u00fcr viele Menschen unangenehm anzugucken. Also normalsichtige Menschen, ich wei\u00df nicht, ob das ein gutes Wort ist. Aber ich kenne das von einigen Programmen, wenn ich auf maximal Kontrast gestellt habe, um das mal auszuprobieren, dass es f\u00fcr mich dann pl\u00f6tzlich schwieriger wird, mir Grafiken anzugucken, weil f\u00fcr meine Sehgewohnheit das nicht so gut passt. Und deswegen finde ich den Vorschlag, das anzubieten, dass man das interaktiv einstellen kann, eigentlich ziemlich gut, weil eben die Anspr\u00fcche oder die Barrieren f\u00fcr Leute ja unterschiedlich sind.<\/p>\n<p>Janine: Ja.<\/p>\n<p>Helena: Und man nicht alles mit einer einzigen Visualisierung abfangen kann.<\/p>\n<p>Janine: Also aus der Bildbearbeitung wei\u00df ich auch, wenn mich nicht alles t\u00e4uscht zumindest, dass je h\u00f6her ich den Kontrast drehe, desto mehr Informationen gehen aber verloren. Also Farben bleiben dann irgendwann auf der Strecke, weil nur noch die kontrastreichsten dann irgendwann \u00fcber bleiben und wenn man einfach nur am Kontrast dreht, kann es auch schnell zu Sachen kommen, die miteinander verschwimmen.<\/p>\n<p>Helena: Ja. <\/p>\n<p>Janine: Von daher sind so ganz unterschiedliche Einstellungen, die vorgenommen werden k\u00f6nnen. So ein bisschen mehr Interaktivit\u00e4t mit der Darstellung garantiert von Vorteil.<\/p>\n<p>Helena: Aber wenn man bei einer grafischen Darstellung von Daten zu viele verschiedene Farben hat, dann ist das generell f\u00fcr alle unverst\u00e4ndlich.<\/p>\n<p>Janine: Das stimmt.<\/p>\n<p>Anvi: Genau. Irgendwann sollte man sich auch \u00fcberlegen, ob es dann nicht Zeit ist, eine andere Art der Visualisierung zu w\u00e4hlen. Wenn man 20 verschiedene Linien in 20 verschiedenen Farben hat, dann sollte man vielleicht hinterfragen, ob man wirklich alle diese Linien nebeneinander anzeigen muss.<\/p>\n<p>Janine: Ja.<\/p>\n<p>Helena: Ja, genau. Das kann niemand unterscheiden.<\/p>\n<p>Janine: Gibt es denn noch weitere Sachen, wo eine individuelle Anpassung sinnvoll w\u00e4re, jetzt nicht nur bei der Farbauswahl oder dem Kontrast?<\/p>\n<p>Anvi: Wo es nat\u00fcrlich cool w\u00e4re, aber schwierig umzusetzen, sage ich mal, ist bei textueller Beschreibung, bei der textuellen Beschreibung der Datenvisualisierung. Das ist n\u00e4mlich etwas, wo die Pr\u00e4ferenzenrechte auseinandergehen. Ich wei\u00df nicht, wer sich schon mal damit besch\u00e4ftigt hat, eine gute Bildbeschreibung zu schreiben. Ist schon, ja, ich w\u00fcrde sagen, eine Form der Kunst, so eine gute zu schreiben, die halt angemessen ist f\u00fcr das, was man kommunizieren m\u00f6chte, die das pr\u00e4zise, ohne zu lang ausschweifen zu werden, r\u00fcberbringt. Und gerade bei textuellen Beschreibungen gehen die Pr\u00e4ferenzen auch recht stark auseinander. Einerseits, wie lang oder kurz sie sein sollte, und auch, welche Inhalte jetzt interessant sind. In meiner Studie zum Beispiel hatte ich den Fall, ich habe an sich Bildbeschreibungen f\u00fcr die Datenvisualisierung inkludiert. Da drin wurde beschrieben, allgemein, was ist das f\u00fcr ein Diagramm, welche Achsen gibt es, wo liegen die Extremwerte, was f\u00fcr Trends sind zu sehen. Und all diese Sachen wurden beschrieben in dieser Bildbeschreibung. Das hei\u00dft, es war recht ausf\u00fchrlich. Und wie ich vorhin schon gesagt habe, gab es eben eine Person zum Beispiel, die diese Bildbeschreibung total gerne mochte, die damit sehr viel gearbeitet hat in der Studie und die auch gesagt hat, sie w\u00fcrde sich w\u00fcnschen, dass andere Webseiten auch sowas h\u00e4tten. Und diese Person hat zum Beispiel gesagt, wenn sie sich aussuchen k\u00f6nnte, dann h\u00e4tte sie es sogar lieber, dass diese Bildbeschreibung noch ausf\u00fchrlicher w\u00e4re und dass dann noch mehr Daten, also das noch genauer beschreiben w\u00fcrde, wie der Trend zum Beispiel verl\u00e4uft in der Datenvisualisierung. Andererseits hatte ich dann eine Person in der Studie zum Beispiel, die am liebsten eigentlich die Bildbeschreibung auf ein Minimum reduziert h\u00e4tte. Diese Person hat gesagt, dass es ihr am liebsten w\u00e4re, wenn in der Bildbeschreibung nur drinsteht, was das f\u00fcr eine Visualisierung ist und warum die hier ist. Und dass diese Person von der Bildbeschreibung eigentlich nur m\u00f6chte, dass die Bildbeschreibung kommuniziert, was f\u00fcr ein Element ist das hier. Und diese Person w\u00fcrde danach dann direkt zum Beispiel zu einer Tabelle gehen wollen und dann direkt nur mit der Tabelle arbeiten, was zum Beispiel dann die Person in der Studie auch gemacht hat. Ich habe auch in der Literatur zum Beispiel eine Studie gelesen, wo Personen Bildbeschreibungen bewerten sollten. Ich glaube, das haben sie mit sehenden und nicht sehenden Personen gemacht. Es ist sowohl zwischen den beiden Gruppen ziemlich auseinandergegangen, teilweise auch innerhalb der Gruppen, welche Art von Informationen diese Menschen gerne in einer Bildbeschreibung h\u00e4tten von einer Datenvisualisierung und welche Informationen sie zum Beispiel nicht gerne h\u00e4tten. Und deshalb w\u00e4re das wahrscheinlich eine Sache, wo es cool w\u00e4re, wenn das irgendwie auch anpassbar w\u00e4re. Wie viel textuelle Beschreibung bekomme ich zu der Datenvisualisierung? Wenn ich gar keine haben m\u00f6chte, dann bekomme ich nur ganz kurz eben einen Satz dazu, was das da f\u00fcr ein Element ist. Oder wenn ich jemand bin, der total gerne damit arbeitet, der am liebsten gerne noch zus\u00e4tzliche Erkl\u00e4rungen, Kontextinformationen, Erkl\u00e4rungen der Trends und so weiter h\u00e4tte, dass ich eben auch diese Informationen dann noch textuell bekommen kann. Wie man das am besten umsetzen k\u00f6nnte? Keine Ahnung, aber cool w\u00e4re es sicher.<\/p>\n<p>Janine: Ja, das klingt auf jeden Fall so.<\/p>\n<h3>Was sollte eine Bildbeschreibung enthalten? (00:40:29)<\/h3>\n<p>Helena: Wenn wir jetzt schon beim Thema textuelle Beschreibung sind. Wenn ich jetzt eine ausf\u00fchrliche Beschreibung machen m\u00f6chte. Wie sollte ich da vorgehen? Ich meine, wenn es ein bestimmtes Schema gibt, kann ja vielleicht die eine Person ja auch einfach weiterspringen, die dann das nicht so ausf\u00fchrlich haben will.<\/p>\n<p>Anvi: Wenn man jetzt zum Beispiel in Social Media etwas postet, dann ist es ja h\u00e4ufig so, dass man wirklich nur einen Text eingeben kann als Bildbeschreibung und keine M\u00f6glichkeit hat, das zu formatieren. Der gro\u00dfe Vorteil ist nat\u00fcrlich, wenn man selber das umsetzt auf einer Webseite, dass man nicht gezwungen ist, das als einen Flie\u00dftext, als einen langen Block umzusetzen, sondern dass man eben die M\u00f6glichkeit hat, weil es eine Webseite ist, Markup zu verwenden und dass man zum Beispiel auch so eine l\u00e4ngere Beschreibung dann gliedert in zum Beispiel Unter\u00fcberschriften, die dann sagen, hier ist eine kurze Beschreibung allgemein, dann ist hier eine kurze Beschreibung der Trends, die zu sehen sind und hier ist eine kurze Erkl\u00e4rung des Kontexts von dieser Datenvisualisierung. Das ist nat\u00fcrlich eine Sache, die man machen kann, die da helfen k\u00f6nnte. Ansonsten, was den Inhalt selber angeht, gab es zum Beispiel einen Vorschlag einer Strukturierung von solchen Bildbeschreibungen von Datenvisualisierung von zwei Wissenschaftlern von Lundgard und Satyanarayan und die haben eben so ein Modell entwickelt, wo sie gesagt haben, es gibt eigentlich vier Ebenen, auf denen man so eine Datenvisualisierung beschreiben kann. Sie haben jetzt nicht gesagt, man muss von allen vier Ebenen die Informationen mit reinnehmen. Da gab es eben ja auch diese unterschiedlichen Pr\u00e4ferenzen zwischen den Leuten, welche Informationen f\u00fcr sie n\u00fctzlich waren und welche nicht. Aber ich kann einmal kurz erkl\u00e4ren, was die vier Ebenen sind, auf denen man eine Datenvisualisierung beschreiben kann. Das erste w\u00e4re \u00dcbersicht und Aufbau. Das sind so grundlegende Informationen wie, was ist das eigentlich f\u00fcr eine Datenvisualisierung? Ist das ein Liniendiagramm? Ist das ein Balkendiagramm? Ist das ganz was anderes? Dann auch, was zum Beispiel ist der Titel? Was f\u00fcr Achsen gibt es zum Beispiel in dieser Visualisierung? Und wie sind die Daten codiert? Das w\u00e4re so die ganz grundlegende Ebene. Hier haben wir noch nichts \u00fcber den Inhalt erfahren. Hier haben wir nur was \u00fcber den Aufbau der Visualisierung erfahren. Dann die zweite Dimension w\u00e4re ein statistischer \u00dcberblick. Das sind alle Informationen, die man aus den Daten statistisch berechnen kann. Das sind so Sachen wie, wo liegt hier der Median in der Datenreihe? Wo liegen die Extremwerte? Oder auch einfache Vergleiche, wie zum Beispiel, die eine Datenreihe verh\u00e4lt sich so und so zur anderen Datenreihe in bestimmten Punkten. Dann die dritte Ebene oder Dimension w\u00e4ren die sichtbaren Ph\u00e4nomene. Hier geht es dann darum, dass man die Sachen, die f\u00fcr sehende Personen eben sichtbar sind, als zum Beispiel Trends in den Daten, in der Visualisierung, als bestimmte Muster, als Cluster oder als Outlier, dass man diese Sachen in Text beschreibt, damit eben diese wertvolle Information auch Screenreadernutzer*innen zug\u00e4nglich gemacht wird. Und dann die vierte Dimension. Das sind, ja so ich sag mal, zus\u00e4tzliche Kontextinformationen. Das sind so Sachen wie Erkl\u00e4rungen der allgemeinen Thematik um dieses Chart drumrum. Zum Beispiel, wenn das jetzt eine Visualisierung von Bev\u00f6lkerungsdaten ist, dann k\u00f6nnte dort zum Beispiel eine Erkl\u00e4rung sein zum demografischen Wandel oder etwas so. Oder es k\u00f6nnte zus\u00e4tzliche Kontextinformationen geben, warum zum Beispiel die Bev\u00f6lkerung in dieser Statistik in einem bestimmten Jahr stark gewachsen, stark gesunken ist. Vielleicht gab es ein bestimmtes Event, was damit zu tun hatte oder es wurde ab einem bestimmten Zeitpunkt anders gez\u00e4hlt oder etwas. Alle diese zus\u00e4tzlichen Informationen w\u00fcrden in diese vierte Kategorie z\u00e4hlen. <\/p>\n<p>Helena: Okay, also f\u00fcr mich klang das Vierte jetzt nach, wenn man eine Webseite macht, auf der auch Text zu der allgemeinen Erkl\u00e4rung f\u00fcr alle steht, die dann auch eigentlich f\u00fcr alle relevant w\u00e4re.<\/p>\n<p>Janine: Oder auch Interpretationen zu der Darstellung vielleicht an diesem Punkt.<\/p>\n<p>Anvi: Mhm.<\/p>\n<p>Janine: Also gut kenntlich gemachte Interpretationen muss es nat\u00fcrlich sein. So stelle ich mir das gerade vor. Der Aufbau liest sich f\u00fcr mich sehr vom Allgemeinen ins Spezielle runter steigend. Und dann nat\u00fcrlich die Abgrenzung bei den zus\u00e4tzlichen Informationen gegebenenfalls zu dem, was sind die Schl\u00fcsse, die daraus gezogen werden. So, vielleicht. Ich kann es mir auf jeden Fall, finde ich das sehr verst\u00e4ndlich strukturiert.<\/p>\n<p>Anvi: Aber da hast du eben was Interessantes auch gesagt, mit dem, was hast du gemeint, gut kenntlich gemacht. Das ist tats\u00e4chlich auch ein Punkt oder einer der Gr\u00fcnde, warum h\u00e4ufig dann die Meinungen zu den Bildbeschreibungen so auseinandergehen, weil es n\u00e4mlich h\u00e4ufig eben auch berechtigt, sage ich mal, die Kritik gibt, dass das immer irgendwie eine Interpretation ist. Das ist quasi, wenn ich eine Beschreibung von einer Datenvisualisierung lese, die entweder automatisch generiert wurde oder die von jemandem per Hand geschrieben wurde, dann ist da immer eine gewisse Interpretation mit drin. Zumindest, ich sage mal, ab dieser Ebene der sichtbaren Ph\u00e4nomene, wo dann immer nat\u00fcrlich bewusst eine Auswahl getroffen wird. Was sind f\u00fcr mich als sehende Person, die jetzt diese Bildbeschreibung schreibt, die sichtbaren Ph\u00e4nomene? Was sind f\u00fcr mich die Ph\u00e4nomene, die ich als wichtig genug erachte, sie jetzt in die Bildbeschreibung mit reinzuschreiben? Und was sind jetzt die Annahmen, die ich treffe, was interessant w\u00e4re, zum Beispiel f\u00fcr eine sehbehinderte Person, zu wissen \u00fcber dieses Chart? Da ist es nat\u00fcrlich, finde ich, auch verst\u00e4ndlich, dass dann manche Leute sagen, sie m\u00f6chten lieber selber m\u00f6glichst guten Zugriff auf die Daten haben, weil sie eben nicht diese Daten nur so durch die Beschreibung einer anderen Person mediiert quasi erleben m\u00f6chten, sondern weil sie selber direkten Zugang haben m\u00f6chten. Und das ist eben ein h\u00e4ufiger Vorbehalt, der nat\u00fcrlich auch begr\u00fcndet ist.<\/p>\n<p>Janine: Ja, absolut. Das hatten wir auch in der Data-Feminism-Folge auf einer anderen Ebene, n\u00e4mlich eben, dass die Darstellung selbst ja auch schon eine Auswahl von Daten ist. Und da war auch einer der Punkte, dass das gleichzeitige Zurverf\u00fcgungstellen der Rohdaten verhindert, dass es nur auf die Interpretation ankommt. Genau, deswegen kann ich mir das auch gut vorstellen, dass hier der zus\u00e4tzliche Zugang zu den Daten innerhalb einer Tabelle beispielsweise dann eben auch davor sch\u00fctzt, nur auf die Interpretation angewiesen zu sein.<\/p>\n<p>Anvi: Ja. Ein anderer Punkt, von dem ich aus anderen Studien gelesen habe, ist auch, dass es leider h\u00e4ufig das Problem gibt, dass bei Datenvisualisierung, wenn sie eine Bildbeschreibung haben, h\u00e4ufig die Bildbeschreibung nicht aktuell ist. Das hei\u00dft, gerade wenn es um so Sachen geht wie irgendwelche Dashboards von aktuellen Entwicklungen, die vielleicht t\u00e4glich oder mehrmals t\u00e4glich aktualisiert werden, dass diese Bildbeschreibung, gerade eben, wenn sie nicht automatisch generiert, sondern per Hand geschrieben wird, einfach vergessen wird, mit zu aktualisieren. Und dass halt dann h\u00e4ufig Screenreadernutzer*innen auch schon schlechte Erfahrungen gemacht haben, dass sie zum Beispiel eine Bildbeschreibung sich angeh\u00f6rt haben, dort die vermeintlich aktuellen Daten sich angeh\u00f6rt haben, und dann wechseln sie zur Tabelle und stellen auf einmal fest, das ist hier eine Beschreibung von vor zwei Wochen, die ich gerade geh\u00f6rt habe, und der Wert f\u00fcr mich ist genau null davon. Das ist eben auch so ein Punkt, warum halt dann manche skeptisch gegen\u00fcber solchen Beschreibungen sind und sagen, okay, wenn ich mir die Beschreibung anh\u00f6re und hinterher erst merke, dass die irgendwie total out of date war, dann bitte gebt mir einfach direkt die Daten.<\/p>\n<p>Helena: Ja, deswegen w\u00e4re es f\u00fcr solche Sachen nat\u00fcrlich gut, wenn man eine Methode findet, dass man die Bildbeschreibung auch generieren kann aus den Daten.<\/p>\n<p>Anvi: Das wird teilweise auch empfohlen, dass die direkt automatisch generiert werden, eben aus solchen Gr\u00fcnden, damit es nicht m\u00f6glich ist, das zu vergessen, sie zu aktualisieren, wenn die Daten sich \u00e4ndern.<\/p>\n<p>Helena: Ja, das ergibt auf jeden Fall Sinn, ja.<\/p>\n<h3>Was ist dein Fazit aus deiner Masterarbeit? (00:49:04)<\/h3>\n<p>Janine: Ja, wir haben ja jetzt schon \u00fcber ganz viele verschiedene Punkte gesprochen. Hast du denn aus deiner Masterarbeit, was ist denn so dein Fazit, was du daraus noch gezogen hast?<\/p>\n<p>Anvi: Eigentlich, was recht erfreulich war f\u00fcr mich, war die Erkenntnis, dass wir im Prinzip auf einem guten Weg sind in Richtung Abbau von Barrieren bei Datenvisualisierung, auch wenn nat\u00fcrlich aktuell in der Praxis, sage ich mal, auf realen Webseiten der Zustand in diesem Bereich noch katastrophal ist. Nichtsdestotrotz habe ich gemerkt, dass wenn man die Literatur sich anschaut, wenn man sich anguckt, was andere sich \u00fcberlegt haben, was andere herausgefunden haben und das wirklich anwendet, dass dabei eigentlich was ganz Passables rauskommt. Es konnten die Aufgaben ziemlich gut bearbeitet werden in meiner Studie mithilfe des Prototypen. Auch das Feedback von den Probanden zum Prototyp war sehr positiv. Das hei\u00dft, wenn man es wirklich will, dann kriegt man es auch m\u00f6glichst barrierearm hin mit dem, was wir aktuell haben an Technologie, mit dem, was wir aktuell haben an Wissen. Nat\u00fcrlich ist das jetzt noch eine Sache, dass es dann auch gewollt und priorisiert werden muss in der Praxis, aber prinzipiell sind wir auf einem guten Weg, w\u00fcrde ich sagen, und das hat mich eigentlich recht gefreut.<\/p>\n<p>Janine: Das klingt sehr sch\u00f6n und vielversprechend.<\/p>\n<p>Anvi: Bei der Tabelle, wie sollte ich die denn dann machen? Hast du da irgendeine Erkenntnis zu, was ist einer Tabelle n\u00fctzlich? Weil irgendwie denke ich ja, der Standardscreenreader wird ja nicht irgendwie selber in der Lage sein, Tabellen leicht zug\u00e4nglich zu machen oder wie muss ich mir das vorstellen? Kann ich da sinnvoll drin suchen oder wie funktioniert das?<\/p>\n<p>Anvi: Bei den Tabellen sollte man nat\u00fcrlich allgemein beachten, dass man die Accessibility Best Practices beachtet, einfach was das Umsetzen von HTML-Tabellen angeht, also zum Beispiel, dass man von Headern den Scope setzt, dass klar ist, worauf sie sich beziehen, damit dann die Screenreader, wenn man durch die einzelnen Eintr\u00e4ge durchnavigiert, auch ansagen k\u00f6nnen, in welcher Spalte bin ich gerade, in welcher Zeile bin ich gerade, worauf bezieht sich das gerade? Das ist die eine Sache und ansonsten, was sehr wichtig w\u00e4re, dass man die Tabelle nicht nur als statische Tabelle anbietet, sondern dass man sie auch interaktiv macht. Das habe ich tats\u00e4chlich in meinem Prototyp nicht gehabt. Ich habe nur eine statische Datentabelle gehabt und das wurde mehrfach genannt von den Proband*innen, dass es super n\u00fctzlich w\u00e4re, wenn diese Tabelle sortierbar w\u00e4re und wenn sie durchsuchbar w\u00e4re, weil ich zum Beispiel so Aufgaben hatte in meiner Studie, wo dann gefragt wurde, in welcher Altersgruppe sind die meisten Menschen in der Datenvisualisierung? Und da habe ich dann das Feedback bekommen, ja, diese Frage k\u00f6nnte ich super schnell beantworten, wenn die Tabelle sortierbar w\u00e4re, aber da sie nicht sortierbar ist, m\u00fcsste ich jetzt hier den ganzen Tag sitzen und jeden Eintrag einzeln anh\u00f6ren und mir im Kopf merken und mit den anderen Eintr\u00e4gen im Kopf vergleichen, um dann hinterher irgendwie hoffentlich sagen zu k\u00f6nnen, was jetzt der gr\u00f6\u00dfte Eintrag war.<\/p>\n<p>Helena: Mhm.<\/p>\n<p>Anvi: Was halt einfach nicht haltbar ist. Deswegen, das ist halt so eine kleine Sache, die aber das Leben unglaublich viel leichter machen kann, dass man diese Tabelle sortierbar und durchsuchbar macht.<\/p>\n<p>Helena: Ja, ich meine, f\u00fcr alle Leute, die mit einer Tabelle arbeiten, ist es angenehmer, wenn man die sortieren kann. Oder auch filtern, dass man dann nur bestimmte Eintr\u00e4ge sich anzeigen l\u00e4sst und die dann sortiert zum Beispiel.<\/p>\n<p>Anvi: Ja, auf jeden Fall.<\/p>\n<p>Helena: Ja, und etwas, was du auch noch angesprochen hattest, war so das H\u00f6rbemachen von Grafiken. Das ist etwas, was ich jetzt so aus verschiedenen Raumfahrtkontexten oder irgendwie Astronomie- kontexten \u00f6fter mal geh\u00f6rt hatte, wo, wenn ich mir das anh\u00f6re, ich dann denke, ja, okay, es klingt manchmal ganz nett, aber ich w\u00fcsste jetzt erst mal mit dieser H\u00f6rbarmachung nicht so viel anzufangen. War das denn irgendwie bei deinem Prototypen erfolgreicher oder wie war das Feedback da?<\/p>\n<p>Anvi: Genau, bei meinem Prototyp hatte ich an sich f\u00fcr die Visualisierung jeweils so eine kleine Sonification eingebaut. Da konnte man \u00fcber einen Playbutton einfach einen Track starten, wo dann in der Reihenfolge, in der die Daten in der Datenvisualisierung von links nach rechts angezeigt werden, genau in dieser Reihenfolge einfach T\u00f6ne abgespielt werden. Zum Beispiel hatte ich ein Balkendiagramm und dort wurde dann pro Balken ein Ton abgespielt und im Liniendiagramm pro Zeitpunkt, den ich jeweils hatte auf der x-Achse, wurde ein Ton abgespielt und die H\u00f6he des Tons hat dann angezeigt, wie hoch oder niedrig dieser Datenwert war. Und da musste ich sagen, dass einfach so, wie ich das umgesetzt habe, das \u00fcberhaupt nicht n\u00fctzlich war. Also das war f\u00fcr niemanden n\u00fctzlich in der Studie. Es war nicht ganz klar, was genau diese Sonification jetzt eigentlich bringen sollte im Sinne von Use Case. Also es war nicht, es fehlte ein klares Konzept, ob diese Sonification jetzt nur wie so einen kurzen h\u00f6rbaren Thumbnail einfach einen \u00dcberblick \u00fcber die Daten geben soll oder ob es m\u00f6glich sein soll, anhand der Sonification wirklich die Daten zu analysieren und quasi einzelne Datenpunkte nacheinander abzuspielen, vor und zur\u00fcck zu navigieren und so weiter. Das hat einfach gefehlt bei mir, dieses Konzept f\u00fcr die Sonification. Und entsprechend war die Sonification recht nutzlos in der Form, in der ich sie eingebaut habe. Die Proband*innen haben recht schnell die Orientierung verloren. Es war zum Beispiel nicht klar, wenn ich jetzt einen Ton h\u00f6re, der eine bestimmte H\u00f6he hat, war nicht klar, ist das jetzt gerade ein sehr niedriger Wert, ist es ein sehr hoher Wert oder ist es ein eher so durchschnittlicher Wert gerade? Und teilweise waren die Sonifications auch recht lang, vor allem bei dem einen Diagramm, was einen recht langen Zeitraum umfasste, wo die Personen dann irgendwann auch die Orientierung verloren haben von in welchem Jahr befinde ich mich eigentlich gerade, bin ich gerade eher so in der Mitte der X-Achse oder eher schon so gegen Ende irgendwo?<\/p>\n<p>Helena: Mhm.<\/p>\n<p>Anvi: Also ich will \u00fcberhaupt nicht ausschlie\u00dfen, dass Sonifications n\u00fctzlich werden k\u00f6nnen. Ich wei\u00df nicht, ob es jetzt einfach nur meine Implementierung war in dem Fall, die mangelhaft war, aber da kann ich einfach nicht wirklich was zu sagen. Also vielleicht, wenn es jemand anders noch mal probiert, dann ist es vielleicht viel n\u00fctzlicher.<\/p>\n<p>Helena: Ja, ich kann mir auch vorstellen, weil bei vielen anderen visuellen Darstellungen ist es auch so, wir werden darauf trainiert, dass wir die oft sehen und wenn es noch keinen wirklichen Standard gibt f\u00fcr bestimmte Darstellungen, sind wir auch nicht gewohnt, damit zu arbeiten. Wenn es da einen Standard g\u00e4be, den viele Leute einsetzen w\u00fcrden, w\u00e4ren die wahrscheinlich besser nachvollziehbar, weil man dann wei\u00df, wie man das zu interpretieren hat, weil es oft vorkommt. Aber solange das immer nur einzelne Experimente bleiben, kann es ja diese Art von Gew\u00f6hnung gar nicht geben.<\/p>\n<p>Anvi: Ja, also ich sch\u00e4tze, das betrifft beide Seiten. Zum einen nat\u00fcrlich, dass User*innen sich dann erst daran gew\u00f6hnen m\u00fcssen, was eine Sonification ist und wie man sie bedient. Und zum anderen m\u00fcssen sich wahrscheinlich auch erst so Patterns und Best Practices finden daf\u00fcr, wie man sie umsetzt, so gewisse Standard-Interaktionsmuster, die dann die User*innen mit der Zeit auch lernen k\u00f6nnen und wo sie dann auch wissen, ah, das ist jetzt wieder eine Sonification. Da gibt es wahrscheinlich jetzt ein Play-Button und wahrscheinlich ein Vor- und Zur\u00fcck-Button und dass sie ungef\u00e4hr wissen, worauf sie sich auch einstellen k\u00f6nnen. Ja, das kann ich mir gut vorstellen. Ja, und ich kann mir auch vorstellen, dass es letztendlich vielleicht auch einfach darauf ankommt, welches Mittel f\u00fcr welche Inhalte sich gut eignet. Also vielleicht eignet es sich nicht, um etwas Gr\u00f6\u00dferes darzustellen, sondern vielleicht f\u00fcr kleinere Datens\u00e4tze oder f\u00fcr Sachen, die gar nicht jetzt sich unbedingt auf gesammelte Daten beziehen, sondern auf aktuelle Werte. Das ist zum Beispiel, ich meine, wir wissen es ja, im Prinzip ist ja ein Feuermelder auch so eine Form von Sonification. Er informiert uns \u00fcber einen zu hohen Wert von etwas in der Luft, so dass wir wissen, jetzt m\u00fcssen wir handeln.<\/p>\n<p>Anvi: Mhm.<\/p>\n<p>Janine: So, das ist ja auch so etwas in die Richtung und ich kann mir vorstellen, dass vielleicht auch einfach das Ziel und der Zweck von so etwas eine Rolle spielt bei der Umsetzung.<\/p>\n<p>Anvi: Ja, auf jeden Fall. Ich denke, das braucht einfach noch einige Arbeit, bis wir da dann schlauer sind, was das Thema angeht, wie wir Sonification sinnvoll einsetzen k\u00f6nnen.<\/p>\n<h3>Was waren die Schwierigkeiten bei der Umsetzung deines Prototypen? (00:57:43)<\/h3>\n<p>Helena: Ja, was hattest du denn insgesamt f\u00fcr Schwierigkeiten bei der Umsetzung von deinem Prototypen?<\/p>\n<p>Anvi: Du meinst jetzt meine Perspektive quasi als Designerin und Entwicklerin dieses Prototyps?<\/p>\n<p>Helena: Genau, als Webentwicklerin, die technisch Dinge umgesetzt hat.<\/p>\n<p>Anvi: Ja, was tats\u00e4chlich recht schwierig war, war, dass es recht wenig Guidance gab einfach daf\u00fcr bisher, wie man Datenvisualisierung wirklich so implementiert, dass sie m\u00f6glichst barrierearm sind. Zum Beispiel habe ich ja mit die D3JS gearbeitet, was aus den Daten SVG-Elemente generiert und zum Beispiel musste ich mir da selber dann recht viel \u00fcberlegen und rumprobieren, wie ich zum Beispiel die einzelnen SVG-Elemente innerhalb von der Datenvisualisierung dann so markieren kann, so taggen kann, dass sie auch zum Beispiel von Screenreadern erkannt werden, sodass es zum Beispiel m\u00f6glich ist, mit der Tastatur oder mit dem Screenreader dann zum Beispiel von Datenpunkt zu Datenpunkt zu navigieren innerhalb der Visualisierung.<\/p>\n<p>Helena: Hast du auch noch andere Libraries in JavaScript mal ausprobiert, sowas wie Plotly oder so, im Vergleich zu D3?<\/p>\n<p>Anvi: Ich habe jetzt tats\u00e4chlich in meiner Masterarbeit nur mit D3.js gearbeitet. Nat\u00fcrlich gibt es unterschiedliche und nat\u00fcrlich arbeiten die Libraries auch recht unterschiedlich. Also D3.js zum Beispiel arbeitet ja recht, wie nenne ich das, recht low-level, dass man eigentlich sehr viel Code selber schreiben muss dazu, wie man das visualisiert.<\/p>\n<p>Helena: Man kann daf\u00fcr auch viel Code selber schreiben.<\/p>\n<p>Anvi: Genau, das hei\u00dft zum Beispiel so, out of the box gibt einem D3.js gar nichts, was Accessibility angeht, aber dadurch, dass man sehr viel selber macht, kann man eben auch sehr viel dann t\u00fcfteln und ausprobieren.<\/p>\n<p>Helena: Ja.<\/p>\n<p>Anvi: Gibt auch andere Libraries, die zum Beispiel, denen man einfach sagt, hier sind die Daten, gib mir mal einen Bar Chart und dann gibt die Library einem einfach ein fertiges Bar Chart, wo man nat\u00fcrlich dann viel weniger Kontrolle hat und wo es dann einfach darauf ankommt, hat die Library zum Beispiel eine Funktion, dass man eine Bildbeschreibung einbindet? Hat sie die M\u00f6glichkeit, dass man die einzelnen Elemente, Tastatur benutzbar, Screenreader benutzbar macht? Hat sie die M\u00f6glichkeit, dass man die Farben manuell ausw\u00e4hlt und so weiter? Also Libraries direkt verglichen habe ich jetzt nicht. Ich wei\u00df, es gibt manche Libraries, die schon auch Accessibility Features mit eingebaut haben. Gibt manche, die es besser machen, manche, die es schlechter machen, aber genaue Aussagen kann ich dazu nicht machen.<\/p>\n<p>Helena: Ja, abgesehen von dem, was du jetzt gerade erz\u00e4hlt hast, was war denn noch schwierig?<\/p>\n<p>Anvi: Was recht tricky war dabei, war vor allem auch, wie ich die Semantik richtig kommunizieren kann. Also wie ich zum Beispiel die einzelnen Elemente in der Visualisierung so implementieren kann, dass der Screenreader sinnvoll damit interagieren kann und sinnvoll dann dem Benutzer oder der Benutzerin kommunizieren kann, was das eigentlich ist. Was ich damit jetzt meine ist, es gibt in HTML viele Elemente, die inh\u00e4rent eine gewisse Semantik haben. Und deswegen im Bereich Accessibility wird zum Beispiel auch immer wieder wiederholt die Aufforderung, dass man semantisches HTML schreiben soll. Das hei\u00dft zum Beispiel, die Haupt\u00fcberschrift auf einer Webseite sollte immer mit einem h1-Tag umgesetzt werden, weil Screenreader eben diese Standard-Elemente, wie zum Beispiel h1, kennen und auch die Semantik davon kennen und das dann entsprechend ansagen k\u00f6nnen. Das hei\u00dft, der Screenreader erkennt, dort ist ein h1 und kann dann dem Nutzer oder der Nutzerin ansagen, Haupt\u00fcberschrift oder \u00dcberschriftebene 1 und dann die \u00dcberschrift vorlesen. Oder zum Beispiel, wenn wir ein Button-Element verwenden, dann wei\u00df der Screenreader zum Beispiel, dass ist etwas, wo drauf geklickt werden kann, dass ist etwas, was interaktiv ist, weil eben ein Button-Element diese Semantik direkt mitbringt und diese Interaktionsm\u00f6glichkeiten. Und f\u00fcr eben viele typische Inhalte, die es auf Webseiten gibt, eben wie \u00dcberschriften, wie Buttons, wie Links, wie Tabellen, wie Listen und Listen-Elemente, gibt es eben schon diese vorgefertigten HTML-Elemente, die gewisse Funktionalit\u00e4t und eine gewisse Semantik out of the box mitbringen, die von den Screenreadern auch so erkannt werden. Was es dann m\u00f6glichst bequem macht oder was es dann h\u00e4ufig bequem macht, damit zu interagieren, so haben zum Beispiel viele Screenreader auch Features, um zum Beispiel Tabellen effizient zu navigieren oder um zum Beispiel sich eine Liste geben zu lassen von den \u00dcberschriften, die es auf einer Seite gibt oder um von Link zu Link zu springen und solche Sachen, so dass eben auch eine effiziente Navigation m\u00f6glich ist. Wenn wir uns jetzt wieder Datenvisualisierungen angucken, da gibt es nat\u00fcrlich auch gewisse typische Elemente, die h\u00e4ufiger vorkommen in den Visualisierungen, wie zum Beispiel eine Achse, eine x-Achse mit einer Beschriftung, eine y-Achse mit einer Beschriftung oder zum Beispiel einen Balken in einem Balkendiagramm oder etwas wie ein Tooltip, wo die Daten zu einem Datenpunkt drinstehen und solche Sachen. Und die Schwierigkeit, die ich hatte oder ich sag mal, was ich mir gew\u00fcnscht h\u00e4tte, w\u00e4re, dass es halt eben auch, wenn nicht von HTML selber, aber wenn es zumindest irgendwelche Best Practices g\u00e4be, wie ich die Sachen umsetzen und markieren kann, so dass eben vom Screenreader dann auch eine effiziente Navigation erm\u00f6glicht wird und dass eben auch der Person gut kommuniziert werden kann vom Screenreader, dass hier ist gerade eine Achse, auf der du bist oder du bist gerade innerhalb vom Tooltip und diese drei Zeilen von Text geh\u00f6ren zu diesem Tooltip noch dazu. Oder dass es die M\u00f6glichkeit gibt, zum Beispiel so wie es die M\u00f6glichkeit gibt, von Link zu Link zu springen, dass es die M\u00f6glichkeit g\u00e4be, von Balken zu Balken zu springen. Das sind nat\u00fcrlich alles Sachen, die man manuell implementieren kann und eben das ist nat\u00fcrlich auch, was ich dann gemacht habe. Aber das Problem war eben, dass es h\u00e4ufig dann sehr fragil war, was ich implementiert habe. Also ich habe zum Beispiel dann gemerkt, okay, ich implementiere es, es funktioniert mit dem einen Screenreader, mit dem einen Browser, aber wenn ich zum Beispiel einen anderen Screenreader oder einen anderen Browser verwende, gibt es schon wieder Schwierigkeiten, weil dieser Screenreader eben diese Elemente, die ich verwendet habe, wieder anders interpretiert oder bestimmte Labels, die ich verwendet habe, nicht vorgelesen werden oder bestimmte Interaktionsformen, die ich implementiert habe, in dem einen Browser mit dem einen Screenreader funktionieren und in dem anderen nicht. Da fehlen einfach so noch die Standards und Best Practices daf\u00fcr, wie man eben solche typischen Elemente in Datenvisualisierung so umsetzt, dass man auch mit dem Screenreader zum Beispiel damit effizient arbeiten kann.<\/p>\n<h3>Gibt es noch etwas, was du zu diesem Thema noch loswerden m\u00f6chtest oder dich noch interessiert? (01:04:35)<\/h3>\n<p>Janine: Das klingt auf jeden Fall sehr sinnvoll. Also und eigentlich auch gar nicht unm\u00f6glich, aber ja, muss halt irgendwo irgendwann irgendwer Standards auch festschreiben k\u00f6nnen. Ich w\u00fcrde mal sagen, wir haben schon recht viel geredet und schon viele interessante Punkte auf jeden Fall abgedeckt. Gibt es noch etwas, was du zu diesem Thema noch loswerden m\u00f6chtest oder dich noch besonders interessiert?<\/p>\n<p>Anvi: Eine Sache, die ich gerne noch den Zuh\u00f6rer*innen hier mitgeben w\u00fcrde, ist, dass es wichtig ist, dass man im Kopf beh\u00e4lt, dass auch wenn wir hier jetzt viel von Screenreadern reden und dass nat\u00fcrlich Menschen, die blind sind, meistens Screenreader benutzen, dass nicht alle Screenreader-Nutzer*innen 100% blind sind und dass \u00fcberhaupt Blindheit nicht so etwas ist, was man hat oder nicht hat, sondern dass es eben ein Spektrum ist von Sehbehinderung zu starker Sehbehinderung zu verschiedenen Graden der Blindheit. Und dass eben sehr wohl viele Menschen, die stark sehbehindert sind und zum Beispiel einen Screenreader benutzen, dass die nicht komplett blind sind, sondern dass die immer noch zum Beispiel auch gewisse Sachen auf dem Bildschirm erkennen k\u00f6nnen und das auch sich zunutze machen. Zum Beispiel habe ich eine Person auch in der Studie gehabt, die stark sehbehindert war und einen Screenreader genutzt hat, die aber auch ihr Restsehverm\u00f6gen genutzt hat, um zum Beispiel im Chart so ungef\u00e4hr zu erkennen, wo denn die Balken am h\u00f6chsten sind und sich dann mit dem Screenreader die Balken genauer angeh\u00f6rt hat, aber eben nur in diesem Bereich, wo sie gesehen hat, dass die Balken sehr hoch sind. Das war jetzt bei der Frage, wo es darum ging, das Maximum zu finden. Und das ist einfach so etwas, was gerne vergessen wird, weil ich h\u00f6re h\u00e4ufiger so Vorschl\u00e4ge mit, w\u00e4re das nicht viel cooler f\u00fcr Screenreadernutzer*innen, beziehungsweise f\u00fcr blinde Leute, eine ganz andere User Experience zu bauen? W\u00e4re es nicht cooler, wenn man einfach sagt, ja, wir machen jetzt komplett irgendwie hier eine sichtbare Version der Datenvisualisierung und jetzt machen wir eine Audio Experience f\u00fcr die Leute, die blind sind? Und da w\u00fcrde ich halt immer von abraten, weil halt das einfach so eine falsche Unterteilung ist. Es gibt nicht sehende Leute und dann Leute, die blind sind und Screenreader benutzen, sondern es gibt eben, es ist Blindheit und Sehbehinderung ist ein Spektrum. Und abgesehen davon sind auch sehbehinderte Leute nicht die einzigen Leute, die Screenreader benutzen, sondern es gibt auch Leute, die zum Beispiel keine Sehbehinderung haben, sondern andere Behinderungen und deshalb Screenreader benutzen. Es gibt Leute, die in gewissen Situationen einfach Screenreader benutzen, zum Beispiel wenn sie m\u00fcde sind und keinen Text lesen wollen und die sich das einfach gern vorlesen lassen. Das ist einfach etwas, wo ich immer gerne dran erinnere, weil das meiner Meinung nach gerne vergessen wird. Nicht alle Screenreadernutzer*innen sind blind.<\/p>\n<p>Helena: Ja, was m\u00f6chtest du noch zu diesem Thema loswerden, bevor wir zum Fazit kommen?<\/p>\n<p>Anvi: Es gibt eigentlich nur eine Sache, an die ich gerne noch erinnern w\u00fcrde, das habe ich schon vorhin genannt, aber wenn ihr jetzt wirklich in der Situation seid, dass ihr Datenvisualisierung macht und euch fragt, okay, wie kann ich das m\u00f6glichst barrierearm machen, dann w\u00fcrde ich auf jeden Fall empfehlen, dass ihr euch Chartability anguckt von Frank Elavsky. Das ist eben dieser Kriterienkatalog, der \u00e4hnlich aufgebaut ist zu den Webcontent Accessibility Guidelines. Der ist meiner Meinung nach eine super hilfreiche Ressource dabei, Datenvisualisierung barrierearm zu machen.<\/p>\n<p>Janine: Das klingt super gut und werden wir definitiv auch in den Shownotes verlinken.<\/p>\n<p>Anvi: Sehr gut.<\/p>\n<p>Janine: Wie \u00fcberhaupt auch deine Arbeit, deine Masterarbeit ist ja \u00f6ffentlich zug\u00e4nglich, die ist online publiziert, die werden wir nat\u00fcrlich auch gerne verlinken und ein paar andere Ressourcen noch.<\/p>\n<h3>Fazit (01:08:26)<\/h3>\n<p>Janine: Ja, Helena, ich w\u00fcrde sagen, dann ist es Zeit f\u00fcr ein Fazit. Was meinst du?<\/p>\n<p>Helena: Ja, also ich fand das sehr spannend zu h\u00f6ren, weil, ja, wie ich schon am Anfang meinte, finde ich es einfach sehr relevant, dass man Daten, wenn man die kommunizieren m\u00f6chte, auch zug\u00e4nglich macht und dazu geh\u00f6ren halt viele Punkte. Und ja, jetzt habe ich einen groben \u00dcberblick, wie ich da vorgehen k\u00f6nnte und vor allen Dingen, dass Tabellen sehr wichtig sind. Das ist so etwas, was ich mitnehme. Und wenn ich zumindest eine Verbesserung mache, dann wenigstens, dass ich Tabellen hinzuf\u00fcge, im Idealfall aber auch noch mehr anbiete. Das ist eine sehr gute Erkenntnis.<\/p>\n<p>Janine: Ja, also ich nehme auf jeden Fall auch mit, was du vorhin \u00fcber den Aufbau von den Beschreibungen gesagt hast, aus der Literatur, auf die du da angespielt hast, mit den verschiedenen Ebenen des Beschreibungstextes. Da werde ich auf jeden Fall auch noch mal gucken, inwiefern ich da zum Beispiel Sachen wiederfinde, die ich eben auch f\u00fcr unseren Podcast schon beschrieben habe, wo ich Bildbeschreibungen f\u00fcr Grafiken angefertigt habe und so. Das interessiert mich jetzt vor allem auch mal, da mal zu gucken, inwiefern ich da gut mit diesen Ebenen umgehe, so dass das potenziell auch verst\u00e4ndlicher ist und klarer herauskommt, worauf es da ankommt.<\/p>\n<p>Helena: Ja, in unserem Podcast haben wir ja auch ab und zu Folgen, wo wir tats\u00e4chlich Grafiken beschreiben, \u00fcber die wir reden.<\/p>\n<p>Janine: Ja.<\/p>\n<p>Helena: Da k\u00f6nnte das auch hilfreich sein. Gibt es noch irgendwas Pers\u00f6nliches, zu dem du Werbung machen m\u00f6chtest? Werbung f\u00fcr dich oder f\u00fcr deine weiteren Projekte?<\/p>\n<p>Anvi: Ich m\u00f6chte Werbung machen f\u00fcr Bildbeschreibungen. Wenn ihr auf Social Media etwas postet, wenn ihr einen Blog habt und der hat Bilder, beschreibt die Bilder. Dankesch\u00f6n.<\/p>\n<p>Janine: Das ist ein sehr sch\u00f6nes Schlusswort. Ich verlinke auch dazu auf jeden Fall noch einen Fireshonks Talk von Casey. Casey ist eine Webentwicklerin mit Sehbehinderung, die \u00fcber Bildbeschreibungen auf Social Media geredet hat und da auch sehr gute Hinweise gibt. Ich fand das auch sehr aufschlussreich. Dann jetzt auch danke dir, Anvi, dass du uns an deiner Zeit hast teilhaben lassen und vor allem an dem, was du in deiner Masterarbeit, dir an Wissen erarbeitet hast. Und ich hoffe auch, unsere H\u00f6rer*innen k\u00f6nnen da einiges daraus mitnehmen. Vielen Dank.<\/p>\n<p>Helena: Ja, von mir auch vielen Dank.<\/p>\n<p>Anvi: Ja, vielen, vielen Dank euch, dass ihr mich eingeladen habt. Ich bin so froh, dass ich die M\u00f6glichkeit hatte, einfach so das, was ich aus meiner Masterarbeit mitgenommen habe, einfach noch mal weiterzugeben, auch, weil ich das so schade finde, wenn man wirklich sich in ein Thema reinarbeitet, wirklich versucht, auch etwas Sinnvolles rauszuziehen, wenn man es dann niemandem weitergeben kann. Und deswegen bin ich total dankbar, dass ich hier die M\u00f6glichkeit hatte, jetzt einfach das noch mal weiterzugeben, was ich so gelernt habe aus meiner Masterarbeit. Und ich hoffe, dass es irgendjemand aus der Zuh\u00f6rerschaft vielleicht weiterhilft.<\/p>\n<p>Helena: Ja, das denke ich doch. Sehr sch\u00f6n.<\/p>\n<h3>N\u00e4chste Folge: Wahrscheinlichkeiten im September (01:11:28)<\/h3>\n<p>Helena: Dann k\u00fcndige ich mal die n\u00e4chste Folge an.<\/p>\n<p>Janine: Mach mal.<\/p>\n<p>Helena: Ja, im September erscheint dann die n\u00e4chste Folge. Darin geht es um Wahrscheinlichkeiten, und zwar am Beispiel von Asteroiden, die potenziell unseren Planeten treffen k\u00f6nnten. Wenn ihr wissen wollt, wie man auf diese Wahrscheinlichkeiten kommt und wie man die berechnet, dann h\u00f6rt euch die Folge an.<\/p>\n<h3>Call to Action (01:11:51)<\/h3>\n<p>Janine: Genau. Und wenn ihr uns weiterh\u00f6ren m\u00f6chtet, dann folgt uns doch auf Twitter unter @datenleben oder Mastodon @datenleben@podcasts.social. Ihr findet unsere Folgen nicht nur im Podcatcher eurer Wahl, wenn ihr unseren Feed abonniert, sondern auch noch auf unserer Webseite www.datenleben.de. Da k\u00f6nnt ihr uns auch Feedback hinterlassen. Dar\u00fcber freuen wir uns immer sehr. Und ihr k\u00f6nnt uns auch als Data Scientist buchen f\u00fcr Analysen oder Projekte. Falls ihr Fragen oder Themen habt, die euch interessieren, dann schreibt uns gerne.<\/p>\n<p>Helena: Und dann bleiben wir nur noch, f\u00fcr eure Aufmerksamkeit zu danken. Und bis zum n\u00e4chsten Mal. Ciao. <\/p>\n<p>Anvi: Tsch\u00fcss.<\/p>\n<p>Janine: Tsch\u00fcss.<\/p>\n","protected":false},"author":2,"featured_media":812,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-809","podcast","type-podcast","status-publish","has-post-thumbnail","hentry","post"],"_links":{"self":[{"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/episodes\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/episodes"}],"about":[{"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/types\/podcast"}],"author":[{"embeddable":true,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/comments?post=809"}],"version-history":[{"count":2,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/episodes\/809\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/episodes\/809\/revisions\/811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/media\/812"}],"wp:attachment":[{"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/media?parent=809"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.datenleben.de\/index.php\/wp-json\/wp\/v2\/tags?post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}