{"id":76258,"date":"2015-01-15T18:18:56","date_gmt":"2015-01-15T17:18:56","guid":{"rendered":"http:\/\/www.iphone-ticker.de\/?p=76258"},"modified":"2015-01-15T18:18:56","modified_gmt":"2015-01-15T17:18:56","slug":"aria-hidden-im-video-html-seiten-fuer-die-iphone-vorlesefunktion-optimieren","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/aria-hidden-im-video-html-seiten-fuer-die-iphone-vorlesefunktion-optimieren-76258\/","title":{"rendered":"&#8222;aria-hidden&#8220; im Video: HTML-Seiten f\u00fcr die iPhone-Vorlesefunktion optimieren"},"content":{"rendered":"<p>Blinde. Wir bleiben <a href=\"http:\/\/www.iphone-ticker.de\/be-my-eyes-iphone-app-leiht-blinden-eure-augen-76252\/\" title=\"Be My Eyes: iPhone-App leiht Blinden eure Augen\">beim Thema<\/a>. Dank des in iOS integrierten Screen-Readers, lassen sich fast alle Inhalte die auf dem iPhone-Display angezeigt werden auch vorlesen. Die Sprachausgabe &#8211; <a href=\"http:\/\/www.iphone-ticker.de\/bildschirm-vorlesen-mit-speak-screen-neue-bedienhilfe-in-ios-8-67097\/\" title=\"Bildschirm vorlesen mit \u00bbSpeak Screen\u00ab: Neue Bedienhilfe in iOS 8\">ifun.de berichtete<\/a> &#8211; kann mit einer einfachen Zwei-Finger-Geste <a href=\"http:\/\/www.iphone-ticker.de\/bildschirm-vorlesen-mit-speak-screen-neue-bedienhilfe-in-ios-8-67097\/\" title=\"Bildschirm vorlesen mit \u00bbSpeak Screen\u00ab: Neue Bedienhilfe in iOS 8\">aktiviert<\/a> werden und liest anschlie\u00dfend die Men\u00fc-Elemente der aktiven App, die Bluetooth-Optionen der iPhone-Einstellungen oder auch die gerade aktive Webseite vor. <\/p>\n<p><a href=\"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/gelesen1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/gelesen1.jpg\" alt=\"gelesen\" width=\"500\" height=\"310\" class=\"aligncenter size-full wp-image-76262\" srcset=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/gelesen1.jpg 500w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/gelesen1-300x186.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Dies funktioniert jedoch nicht immer problemlos. Stellenweise k\u00e4mpft sich das iPhone durch Men\u00fc-Beschreibungen, Info-Texte und Kn\u00f6pfe, die blinden iPhone-Nutzern eher die Zeit stehlen, als daf\u00fcr sorgen Informationen zu vermitteln. Ein Problem mit dem auch ifun.de zu k\u00e4mpfen hatte.<\/p>\n<p>So schriebt uns Leser Dirk heute: <\/p>\n<blockquote><p>Hallo, ich bin euch ja schon mehrfach \u201cauf die Nerven gegangen\u201c wegen der iOS-Vorlesen-Funktion mit eurer App. Mit iOS 8 gibt es ja nun das super Feature zum Vorlesen des Bildschirminhalts (ihr berichtetet ja dar\u00fcber bereits). Leider ist euer aktuelles Web-Layout hinter der App nicht wirklich daf\u00fcr geeignet. <\/p><\/blockquote>\n<p>Asche auf unser Haupt. Wir haben uns schlau gemacht, durch die <a href=\"http:\/\/www.w3.org\/WAI\/PF\/aria-implementation\/#def_accessibility_tree\">Dokumentationen<\/a> der Accessibility APIs des HTML 5-Standards gelesen und sind auf das &#8222;<a href=\"http:\/\/www.paciellogroup.com\/blog\/2012\/05\/html5-accessibility-chops-hidden-and-aria-hidden\/\">aria-hidden<\/a>&#8222;-Element aufmerksam geworden. <\/p>\n<p>HTML-Elemente, die zwar angezeigt, von Bildschirm-Lesern aber ignoriert werden sollen, k\u00f6nnen bei Bedarf einfach mit <em>aria-hidden=&#8220;true&#8220;<\/em> ausgezeichnet werden. Entsprechend gekennzeichnete Stellen werden von der Vorlesefunktion anschlie\u00dfend ignoriert, sind aber weiterhin sichtbar. <\/p>\n<p><div class=\"responsive-video\"><iframe loading=\"lazy\" width=\"700\" height=\"371\" src=\"http:\/\/www.youtube-nocookie.com\/embed\/ieLnwI5toq8\" frameborder=\"0\" allowfullscreen><\/iframe><\/div> (<a href=\"http:\/\/youtu.be\/ieLnwI5toq8\">Direkt-Link<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/aria-hidden-im-video-html-seiten-fuer-die-iphone-vorlesefunktion-optimieren-76258\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/gelesen1-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Blinde. Wir bleiben beim Thema. Dank des in iOS integrierten Screen-Readers, lassen sich fast alle Inhalte die auf dem iPhone-Display angezeigt werden auch vorlesen. Die Sprachausgabe &#8211; ifun.de berichtete &#8211; kann mit einer einfachen Zwei-Finger-Geste aktiviert werden und liest anschlie\u00dfend die Men\u00fc-Elemente der aktiven App, die Bluetooth-Optionen der iPhone-Einstellungen oder auch die gerade aktive Webseite [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":76262,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,489],"tags":[1737,1225,74,1344,163],"class_list":["post-76258","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-videos","tag-blind","tag-html","tag-tipp","tag-vorlesen","tag-web-app"],"aioseo_notices":[],"featured_image":["http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/aria.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2015\/01\/aria.jpg"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/76258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=76258"}],"version-history":[{"count":2,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/76258\/revisions"}],"predecessor-version":[{"id":76263,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/76258\/revisions\/76263"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/76262"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=76258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=76258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=76258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}