{"id":9649,"date":"2024-11-30T16:59:05","date_gmt":"2024-11-30T14:59:05","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=9649"},"modified":"2025-01-23T14:22:54","modified_gmt":"2025-01-23T12:22:54","slug":"timeouts-barrierefrei-gestalten","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/","title":{"rendered":"Timeouts barrierefrei gestalten"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/279-zeit-begrenzungen-barrierefrei-gestalten\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><\/p>\n<p>Timeouts sind bei vielen Sicherheits-und datenschutz-relevanten Prozessen wichtig. Sie sollen verhindern, dass andere Personen Zugriff auf sensible Daten oder Prozesse bekommen. Sie barrierefrei einzusetzen ist allerdings nicht trivial. <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Haeufige_Probleme\" >H\u00e4ufige Probleme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Was_die_WCAG_fordert\" >Was die WCAG fordert<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#SC_221_Timing_adjustable\" >SC 2.2.1 Timing adjustable<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#SC_226_%E2%80%93_Timeouts_Stufe_AAA\" >SC 2.2.6 \u2013 Timeouts (Stufe AAA)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Was_sind_Ausnahmen\" >Was sind Ausnahmen?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Das_Problem_PST_3\" >Das Problem PST 3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Timer_fuer_Screenreader_zugaenglich_machen\" >Timer f\u00fcr Screenreader zug\u00e4nglich machen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/#Zum_Weiterlesen\" >Zum Weiterlesen<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Haeufige_Probleme\"><\/span>H\u00e4ufige Probleme<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die h\u00e4ufigsten Probleme, die mir in der Praxis untergekommen sind:<\/p>\n<ul>\n<li>Der Timeout wird gar nicht angezeigt. Das ist ziemlich h\u00e4ufig. Denken Sie an den timeout in Ihrer Banking-App. Sie loggen sich auf der Banken-Seite ein, es wird ein Code an Ihr Smartphone geschickt und wenn Sie diesen Code nicht innerhalb einer bestimmten Zeitspanne best\u00e4tigen wird der Prozess abgebrochen. Das wird aber weder auf der Website noch in der App angezeigt. Gleiches gilt f\u00fcr den Timeout im Online-Banking selbst. Er wird selten angezeigt.<\/li>\n<li>Die Zeitspanne ist zu kurz: Sie loggen sich ein, holen sich einen Baldrian-Tee, schauen aus dem Fenster, schon fliegen Sie raus und m\u00fcssen sich neu einloggen. Oft \u00fcblich sind drei Minuten.<\/li>\n<li>Ein Prozess wird abgebrochen: Sie bearbeiten ein l\u00e4ngeres Formular, bekommen zwischendurch einen Anruf und wenn Sie wieder auf den Bildschirm schauen sind Sie rausgeflogen und m\u00fcssen von Neuem beginnen.<\/li>\n<\/ul>\n<p>Das Problem ist, dass die Zeit-Limits f\u00fcr digitale Profis ausgelegt sind. Personen, die wenig Erfahrung mit dem Internet oder der konkreten Anwendung haben und ein wenig l\u00e4nger brauchen werden nicht ber\u00fccksichtigt. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Was_die_WCAG_fordert\"><\/span>Was die WCAG fordert<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Schauen wir uns zun\u00e4chst einmal an, welche Anforderungen die WCAG speziell f\u00fcr diesen Bereich definiert.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"SC_221_Timing_adjustable\"><\/span>SC 2.2.1 Timing adjustable<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Entscheidend ist das SC 2.2.1: Timing Adjustable (Level A). Dazu die Anforderungen aus dem Understanding-Dokument, \u00fcbersetzt mit DeepL:<\/p>\n<blockquote><p>\nF\u00fcr jedes Zeitlimit, das durch den Inhalt festgelegt wird, ist mindestens eine der folgenden Bedingungen erf\u00fcllt:<br \/>\nAusschalten<br \/>\nDer Benutzer kann das Zeitlimit ausschalten, bevor er es sieht; oder<br \/>\nAnpassen<br \/>\nDer Benutzer kann das Zeitlimit in einem weiten Bereich, der mindestens zehnmal so lang ist wie die Standardeinstellung, anpassen, bevor er darauf st\u00f6\u00dft; oder<br \/>\nVerl\u00e4ngern<br \/>\nDer Benutzer wird vor Ablauf der Zeit gewarnt und hat mindestens 20 Sekunden Zeit, das Zeitlimit mit einer einfachen Aktion (z. B. \u201eDr\u00fccken Sie die Leertaste\u201c) zu verl\u00e4ngern, und der Benutzer darf das Zeitlimit mindestens zehnmal verl\u00e4ngern; oder<br \/>\nEchtzeit-Ausnahme<br \/>\nDas Zeitlimit ist ein notwendiger Bestandteil eines Echtzeit-Ereignisses (z. B. einer Auktion), und es gibt keine Alternative zum Zeitlimit; oder<br \/>\nWesentliche Ausnahme<br \/>\nDas Zeitlimit ist wesentlich und eine Verl\u00e4ngerung w\u00fcrde die Aktivit\u00e4t ung\u00fcltig machen; oder<br \/>\n20-Stunden-Ausnahme<br \/>\nDas Zeitlimit ist l\u00e4nger als 20 Stunden<br \/>\n<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/timeouts.html\">Quelle<\/a>\n<\/p><\/blockquote>\n<p>Das Ausschalten des Zeit-Limits d\u00fcrfte in den meisten F\u00e4llen nicht m\u00f6glich sein, weil es aus Sicherheitsgr\u00fcnden notwendig ist. Das 20-Stunden-Limit (wie man wohl auf diese Zahl gekommen ist?) d\u00fcrfte ebenfalls in den meisten F\u00e4llen nicht funktionieren: Es ist ja gerade das Ziel von Zeit-Limits, den fremden Zugriff auf Computer zu verhindern und die meisten Personen sitzen nicht 20 Stunden vor ihrem Computer. Bei einem Smartphone wird man meistens aus der Session ausgeloggt, wenn man den Bildschirm ausschaltet und mit sicherheits-relevanten Apps oder Websites interagiert.<\/p>\n<p>Die beste Option ist also eine Verl\u00e4ngerung kurz vor dem Ablaufen des Zeitlimits durch einfache Interaktion. <\/p>\n<p>Erforderlich ist allerdings, dass die Basis-Zeit ausreichend ist. So manche Bank gibt einem gerade einmal drei Minuten, was selbst f\u00fcr einige nicht-behinderte Personen zu kurz sein d\u00fcrfte. <\/p>\n<p>Ich war sehr \u00fcberrascht, dass die WCAG in diesem verpflichtenden Kriterium nicht fordert, dass das Zeit-Limit tats\u00e4chlich angezeigt wird. Das zust\u00e4ndige Gremium WAI hat da wirklich einen Bock geschossen. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"SC_226_%E2%80%93_Timeouts_Stufe_AAA\"><\/span>SC 2.2.6 \u2013 Timeouts (Stufe AAA) <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Dieses AAA-Kriterium ist nicht verpflichtend zu erf\u00fcllen.<\/p>\n<p>Benutzer m\u00fcssen \u00fcber Folgendes informiert werden:<\/p>\n<ol>\n<li>Existenz des Timeouts: Die Seite muss klarmachen, dass ein Timeout existiert.<\/li>\n<li>Dauer des Timeouts: Es muss angegeben werden, wie lange der Benutzer hat, bevor ein Timeout eintritt.<\/li>\n<li>Einfluss des Timeouts: Was passiert, wenn das Timeout abl\u00e4uft? Z. B. ob Daten verloren gehen.<\/li>\n<\/ol>\n<p>Die folgenden Unterschiede bestehen zwischen den beiden Kriterien: <\/p>\n<p>\u2022 2.2.1: Erm\u00f6glicht den Benutzern eine aktive Kontrolle \u00fcber zeitliche Begrenzungen.<\/p>\n<p>\u2022 2.2.6: Bietet lediglich Informationen \u00fcber das Timeout, ohne notwendigerweise Kontrolle dar\u00fcber.<\/p>\n<p>Zug\u00e4nglichkeitsebene:<\/p>\n<p>\u2022 2.2.1: Stufe A (grundlegende Barrierefreiheit).<\/p>\n<p>\u2022 2.2.6: Stufe AAA (h\u00f6here Barrierefreiheit).<\/p>\n<p>Verpflichtung zur Anpassbarkeit:<\/p>\n<p>\u2022 2.2.1: Erfordert, dass Benutzer eine Anpassung des Timeouts vornehmen k\u00f6nnen.<\/p>\n<p>\u2022 2.2.6: Keine Verpflichtung zur Anpassung, nur zur Information.<\/p>\n<p>Ich lasse das mal kommentarlos so stehen. Aus meiner Sicht ist die Anzeige der ablaufenden Zeit UND die Kontrolle der Zeit erforderlich. Ohne Information \u00fcber die noch zur Verf\u00fcgung stehenden Zeit kann man nicht einsch\u00e4tzen, ob man einen komplexen Prozess beenden kann. Bank-Anwendungen interpretieren zum Beispiel nicht jede Interaktion, sondern nur solche wie das Absenden eines Formulars als Interaktion. Das hei\u00dft, das Lesen der Transaktionen mit Scrollen durch die Tabelle als client-seitige Prozesse z\u00e4hlt in der Regel nicht als Interaktion. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Was_sind_Ausnahmen\"><\/span>Was sind Ausnahmen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ausnahmen sind dort erlaubt, wo die Zeitbegrenzungen elementar sind, als Beispiel werden Auktionen genannt. Auch Online-Pr\u00fcfungen d\u00fcrften in diese Kategorie fallen. Eine Verl\u00e4ngerung wegen Behinderung wird administrativ beantragt und in der Anwendung nur ausgef\u00fchrt, aber nicht vom Pr\u00fcfling selbst angesto\u00dfen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Das_Problem_PST_3\"><\/span>Das Problem PST 3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Spezifisch f\u00fcr Banken gilt das PST 3, eine Verordnung, die f\u00fcr mehr Sicherheit im Online-Banking sorgen soll. Sie fordert einheitlich bestimmte Sicherheits-Ma\u00dfnahmen wie die Zwei-Fach-Authentifizierung oder eben den automatischen Logut bei Inaktivit\u00e4t. Diese Zeitspanne soll h\u00f6chstens f\u00fcnf Minuten sein.<\/p>\n<p>F\u00fcnf Minuten sind f\u00fcr behinderte Menschen eine sehr kurze Zeit. Es gibt gro\u00dfe Herausforderungen bei der Eingabe von komplexen Daten wie IBANs, die dann auch auf korrekte \u00dcbertragung gepr\u00fcft werden m\u00fcssen. Last but not least kann auch das Lesen von Konto-Tabellen l\u00e4nger dauern. Ja, es gibt Profis, die das schnell hinbekommen durch das hohe Tempo der Sprachausgabe. F\u00fcr viele Blinde ist das aber aufgrund ihrer eher langsamen Arbeitsweise oder der Nutzung der Braillezeile nicht m\u00f6glich. Zeit-Begrenzungen werden meistens nicht \u00fcber den Client berechnet: Das hei\u00dft, zu scrollen oder ein Akkordeon auszuklappen f\u00fchrt in der Regel nicht zu einer Verl\u00e4ngerung, nur das Aufrrufen einer neuen Seite setzt den Timer zur\u00fcck. Das w\u00e4re meines Erachtens ebenfalls ein Ansatzpunkt, um die Zeitspanne sicher zu verl\u00e4ngern.<\/p>\n<p>Auch das Verwenden von Zwei-Faktor-Authentifizierungen kann deutlich l\u00e4nger dauern als die erlaubte Zeitspanne. Sie betr\u00e4gt nach meiner Erfahrung wenige Sekunden zwischen dem Ausl\u00f6ser, also dem ersten Faktor und dem Best\u00e4tigen, also dem zweiten Faktor. <\/p>\n<p>Erlaubt ist auch ein Ausloggen ohne Datenverlust und Fortsetzung dort, wo man aufgeh\u00f6rt hat. Das hei\u00dft, wenn man sich in einem Prozess befindet sollte man ihn dort fortsetzen k\u00f6nnen, wo er unterbrochen wurde und nicht wieder von vorne anfangen m\u00fcssen. Ein Beispiel ist eine Formularstrecke, die man ohne Verlust bereits eingegebener Informationen dort fortsetzen k\u00f6nnen soll, an der man unterbrochen wurde. Das erfordert in jedem Fall einen gr\u00f6\u00dferen technischen Umbau, da das Zwischen-Speichern von Formular-Daten nur mit JavaScript m\u00f6glich ist. Bislang scheinen die meisten Formulare dieser Art eher statisch zu arbeiten. Unabh\u00e4ngig davon muss die Person immer ausreichend Zeit haben, um eine Aktion komfortabel abzuschlie\u00dfen. Wenn sie immer bei dem gleichen Formular, nur an verschiedenen Stellen,  ausgeloggt wird und sich wieder einloggen muss, ist das nicht wirklich erfreulich f\u00fcr sie.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Timer_fuer_Screenreader_zugaenglich_machen\"><\/span>Timer f\u00fcr Screenreader zug\u00e4nglich machen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aus meiner Sicht muss der Timer immer m\u00f6glichst weit oben und auf jeden Fall vor dem relevanten -Content platziert werden (WCAG-Anforderung Meaningful sequence. Er sollte eine eigene ARIA-Region erhalten, so dass er schnell wieder gefunden werden kann. Der Timer selbst sollte nicht in einer Live-Region sein, da Informationen, die zu oft ausgegeben werden die Sprachausgabe st\u00f6ren. <\/p>\n<p>Der Mechanismus zum Verl\u00e4ngern kurz vor dem Ablauf muss leicht auffindbar und aktivierbar sein. Es bietet sich ein Dialog an, der als Focus Trap eingebunden wird. Nach dem Best\u00e4tigen sollte der Fokus zu dem Element zur\u00fcckkehren, an dem er sich vor dem \u00d6ffnen des Dialogs befunden hat.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Zum_Weiterlesen\"><\/span>Zum Weiterlesen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/autismus\/animationen-und-bewegungen-barrierefrei-gestalten\/\">Animationen und Bewegungen barrierefrei gestalten<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/8671-2\/\">Warum pers\u00f6nliche Einstellungen die Zukunft der digitalen Barrierefreiheit sind<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/neuro-diversitaet-und-barrierefreiheit\/\">Neuro-Diversit\u00e4t und Barrierefreiheit<\/a><\/li>\n<li><a href=\"https:\/\/netz-barrierefrei.de\/en\/timeouts.html\">Timeouts Accessibility<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Timeouts sind bei vielen Sicherheits-und datenschutz-relevanten Prozessen wichtig. Sie sollen verhindern, dass andere Personen Zugriff auf sensible Daten oder Prozesse bekommen. Sie barrierefrei einzusetzen ist&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/timeouts-barrierefrei-gestalten\/\">Weiterlesen<span class=\"screen-reader-text\">Timeouts barrierefrei gestalten<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9649","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/9649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/comments?post=9649"}],"version-history":[{"count":11,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/9649\/revisions"}],"predecessor-version":[{"id":9790,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/9649\/revisions\/9790"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=9649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}