{"id":1125,"date":"2018-05-30T18:02:31","date_gmt":"2018-05-30T16:02:31","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=1125"},"modified":"2023-09-01T18:15:51","modified_gmt":"2023-09-01T16:15:51","slug":"webseiten-und-apps-mit-voiceover-auf-ios-testen","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/webseiten-und-apps-mit-voiceover-auf-ios-testen\/","title":{"rendered":"Webseiten und Apps mit dem Screenreader VoiceOver unter iOS testen"},"content":{"rendered":"<p>F\u00fcr Sehende ist das Testing von Webseiten und Apps auf Screenreader-Tauglichkeit nicht immer ganz einfach. Im Folgenden biete ich euch eine kleine Anleitung daf\u00fcr. Es k\u00f6nnen nat\u00fcrlich nur iOS-Apps getestet werden, ansonsten kann VoiceOver aber nat\u00fcrlich auch f\u00fcr Webanwendungen oder im redaktionellen Bereich verwendet werden. <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/webseiten-mit-android-talkback-auf-barrierefreiheit-testen\/\">Anleitung f\u00fcr Android Talkback f\u00fcr Sehende<\/a>.<br \/>\nVoiceOver ist ein Screenreader, der in allen iPads und allen iPhones ab der Version 3 Gs fest integriert ist. Er bringt eine f\u00fcr Sehende ausreichend gute Sprachausgabe mit. Die Features qualifizieren ihn aber als ideale Testumgebung f\u00fcr Sehende:<\/p>\n<ol>\n<li>Er ist &#8211; wie schon erw\u00e4hnt &#8211; auf allen Ger\u00e4ten vorhanden und erfordert keine zus\u00e4tzliche Installation.<\/li>\n<li>Er ist vergleichsweise intuitiv benutzbar. Desktop-Screenreader erfordern vor allem von Sehenden einen erheblichen Lernaufwand, da man sich zahllose Tastenkombinationen pr\u00e4sent halten muss.<\/li>\n<li>Ein besonderer Vorteil von VoiceOver ist das Rechteck, mit dem ein fokussiertes Objekt hervorgehoben wird. Dadurch kann der Sehende erkennen, welches Objekt fokussiert wird und wei\u00df, ob das, was ausgesprochen wird mit dem \u00fcbereinstimmt, was er sieht und was da sein sollte. Diese Hervorhebung habe ich noch bei keinem anderen Screenreader gesehen, es ist aber eine erhebliche Erleichterung vor allem auf kleinen Displays.<\/li>\n<\/ol>\n<p>Von dem her l\u00e4sst sich VoiceOver sowohl f\u00fcr redaktionelle als auch f\u00fcr entwicklungstechnische Zwecke nutzen.<br \/>\nEin weiteres Feature, das ich lustigerweise gerade erst endeckt habe macht die Anwendung noch mal interessanter: VoiceOver l\u00e4sst sich auch gr\u00f6\u00dftenteils mit einer Tastatur steuern, zum Beispiel mit einem externen Bluetooth-Keyboard. Man kann also auch klassiche Features eines Desktop-Screenreaders verwenden. <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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\/webseiten-und-apps-mit-voiceover-auf-ios-testen\/#Was_aendert_sich_durch_VoiceOver\" >Was \u00e4ndert sich durch VoiceOver?<\/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\/webseiten-und-apps-mit-voiceover-auf-ios-testen\/#Testing_von_Apps\" >Testing von Apps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/webseiten-und-apps-mit-voiceover-auf-ios-testen\/#Testen_in_der_Redaktion\" >Testen in der Redaktion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Was_aendert_sich_durch_VoiceOver\"><\/span>Was \u00e4ndert sich durch VoiceOver?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn VoiceOver aktiviert ist, \u00e4ndert sich die Nutzung des iPhones. Zum Einen wird jedes fokussierte Objekt ausgesprochen. Zum Anderen ist ein Doppeltipp statt einem Einfach-Tipp erforderlich, um eine Anwendung zu starten oder eine Aktion auszul\u00f6sen. Ein Tipp spricht das Objekt oder die Funktion, ein Doppeltipp startet es. Gescrollt wird mit drei statt mit zwei Fingern. Um einen Slider zu bedienen, muss selbiger zun\u00e4chst fokussiert werden, dann wird er f\u00fcr einen Moment gehalten, bis ein Audio-Feedback ert\u00f6nt, dann wird der Slider verschoben. Um sich von einem Objekt zum n\u00e4chsten zu bewegen, wischt man mit dem Finger von links nach rechts bzw. von rechts nach links.<br \/>\nEin wichtiges Feature ist der Rotor, damit kann man steuern, was die Wischbewegung von oben nach unten bzw. von unten nach oben ausl\u00f6st. Der Rotor wird bedient, indem man zwei Finger auf das Display legt und die Finger im oder entgegen des Uhrzeigersinnes dreht. Dadurch kann man etwa steuern, ob die Wischbewegung das Sprechtempo erh\u00f6ht oder ob man von \u00dcberschrift zu \u00fcberschrift springen kann und so weiter.<br \/>\nSo viel erst mal zur grunds\u00e4tzlichen Bedienung. VO findet ihr in den Bedienungshilfen unter Einstellungen -> Allgemein. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Testing_von_Apps\"><\/span>Testing von Apps<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ich gehe mal davon aus, dass eure Progammierer sich an die Apple Guidelines zur Gestaltung von Apps gehalten haben, ansonsten kann man sich auch das Testen gleich sparen. Das Testen von Apps ist relativ simpel. Grunds\u00e4tzlich muss gepr\u00fcft werden<\/p>\n<ul>\n<li>ob alle Elemente mit der Wischgeste erreichbar sind und zwar bitte in der richtigen Reihenfolge, das hei\u00dft, von links nach rechts und von oben nach unten<\/li>\n<li>ob alle Elemente korrekt als Eingabefeld, Schalter, Schieberegeler, Text, Grafik mit Beschreibung f\u00fcr Blinde etc. angesagt werden<\/li>\n<li>&#8211; ob alle Elemente mit aktiviertem VO bedienbar und ausf\u00fcllbar sind. <\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Testen_in_der_Redaktion\"><\/span>Testen in der Redaktion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hierf\u00fcr ist es nat\u00fcrlich notwendig, dass eure Inhalte \u00fcbers Web erreichbar sind bzw. im Redaktionssystem quasi fertig gerendert angezeigt werden.<br \/>\nHier k\u00f6nnt ihr \u00fcberpr\u00fcfen, ob alle Grafiken einen Alternativtext haben, indem ihr die Grafik mit dem Finger ber\u00fchrt, mit der Wischgeste k\u00f6nnt ihr \u00fcberpr\u00fcfen, ob alle \u00dcberschriften ausgezeichnet wurden und so weiter. Hier kann es sein, dass ihr mit dem oben erw\u00e4hnten Rotor arbeiten m\u00fcsst. Oder ihr arbeitet mit einer externen Tastatur, eine <a href=\"https:\/\/www.ifun.de\/voiceover-im-video-das-komplette-ipad-mit-der-tastatur-steuern-38762\/\">Liste der Tastaturk\u00fcrzel gibt es bei iFun<\/a>. Ich w\u00fcnsche euch viel Spa\u00df.<br \/>\n<a href=\"https:\/\/netz-barrierefrei.de\/en\/voiceover.html\">Testing as a sighted person with iOS VoiceOver Screen Reader<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr Sehende ist das Testing von Webseiten und Apps auf Screenreader-Tauglichkeit nicht immer ganz einfach. Im Folgenden biete ich euch eine kleine Anleitung daf\u00fcr. Es&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/webseiten-und-apps-mit-voiceover-auf-ios-testen\/\">Weiterlesen<span class=\"screen-reader-text\">Webseiten und Apps mit dem Screenreader VoiceOver unter iOS testen<\/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-1125","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/1125","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=1125"}],"version-history":[{"count":7,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/1125\/revisions"}],"predecessor-version":[{"id":10346,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/1125\/revisions\/10346"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=1125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}