{"id":9334,"date":"2024-08-13T12:42:34","date_gmt":"2024-08-13T10:42:34","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=9334"},"modified":"2025-03-10T12:33:05","modified_gmt":"2025-03-10T10:33:05","slug":"der-seiten-titel-ein-wichtiges-element-in-der-barrierefreiheit","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/der-seiten-titel-ein-wichtiges-element-in-der-barrierefreiheit\/","title":{"rendered":"Der Seiten-Titel &#8211; ein wichtiges Element in der Barrierefreiheit"},"content":{"rendered":"<p>Stellen Sie sich Folgendes vor: Sie haben 20 gleich aussehende Kartons vor sich und ein Frechdachs hat die Beschriftungen entfernt, so dass Sie jeden Karton \u00f6ffnen m\u00fcssen, um herauszufinden, was drinsteckt. So ergeht es Blinden, wenn sie im Web unterwegs sind und mehrere Tabs ge\u00f6ffnet haben. Sehenden hilft ein Blick auf das Layout oder Logo der Website, Blinde nutzen daf\u00fcr den Titel. Ma\u00dfgeblich daf\u00fcr ist das Erfolgskritierum 2.4.2:<br \/>\nPage Titled (Level A)  aus der WCAG.<br \/>\nZu unterscheiden ist der Dokumenten-Title, der in den Metadaten der Webseite steht von dem Title-Attribut, welches zus\u00e4tzliche Informationen zu HTML-Tags hinzuf\u00fcgen kann. Das Title-Attribut wird meistens als Tool-Tip f\u00fcr Mausnutzer angezeigt, w\u00e4hrend der Dokumenten-Title in der Fenster- bzw. Tab-Leiste des Browsers erscheint.<br \/>\nWeiterhin ist der Dokumenten-Title nicht identisch mit der Haupt-\u00dcberschrift innerhalb eines Web-Dokuments, diese wird meist mit H1 formatiert. Oft ist es sinnvoll, wenn die Haupt-\u00dcberschrift im Title enthalten ist. Dazu gibt es aber meines Wissens weder aus SEO noch aus Barrierefreiheits-Gr\u00fcnden eine Vorgabe.<br \/>\nHeute wird empfohlen, dass der Dokument Title nach dem Muster Haupt-\u00dcberschrift &#8211; Website-Betreiber aufgebaut wird, wobei die Haupt-\u00dcberschrift nat\u00fcrlich einmalig sein sollte, sich also bei jedem Aufruf einer neuen Seite \u00e4ndern sollte und der Website-Betreiber immer gleich bleibt. Dies l\u00e4sst sich leicht \u00fcber ein Skript umsetzen, welche die H1 auslesen und entsprechend in die Metadaten einf\u00fcgen kann. Das Schema ist also &#8222;Der Seiten-Titel &#8211; ein wichtiges Element in der Barrierefreiheit<br \/>\n &#8211; Digitale Barrierefreiheit&#8220;, wobei &#8222;Digitale Barrierefreiheit&#8220; der Name meiner Website ist, netz-barrierefrei w\u00e4re hier auch in Ordnung, Hauptsache, der Betreiber ist klar erkennbar.<br \/>\nDer Dokumenten-Titel sollte immer deskriptiv sein, das hei\u00dft, den Inhalt der Webseite beschreiben. Auch das nur eine Empfehlung: Wenn die H1 nicht deskriptiv ist, etwa bei Unterhaltungs-Medien oder Reportagen, muss das der Titel auch nicht sein.<br \/>\nDer Document Title ist deshalb so wichtig, weil er Blinden immer als Erstes vorgelesen wird, wenn sie eine Seite betreten. Das ist zum Beispiel f\u00fcr die Orientierung sinnvoll, wenn man wie ich mindestens 1200 Tabs gleichzeitig offen hat. Fehlt zum Beispiel der Seiten-Betreiber, ist es oft schwierig herauszufinden, ob man die Website von X oder Y offen hat oder ob man nach dem Klick auf einen Link ein neues Web-Angebot aufgerufen hat.<br \/>\nBei statischen Webseiten ist au\u00dferdem der Titel etwa dann wichtig, wenn ein Fehler aufgetreten ist, zum Beispiel &#8222;Seite nicht gefunden&#8220; oder &#8222;Fehler beim Senden des Formulars&#8220;. Ansonsten muss der Blinde oft sehr tief in die Unterseite eintauchen, nur um festzustellen, dass die Seite lediglich eine Fehlermeldung enth\u00e4lt.<br \/>\nbei Web-Applikationen bleibt der Titel allerdings in der Regel statisch, wobei das nat\u00fcrlich auch von der App abh\u00e4ngt. Nutzt man Tabs innerhalb einer Website, wird der Titel in der Regel nicht ge\u00e4ndert. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Stellen Sie sich Folgendes vor: Sie haben 20 gleich aussehende Kartons vor sich und ein Frechdachs hat die Beschriftungen entfernt, so dass Sie jeden Karton&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/der-seiten-titel-ein-wichtiges-element-in-der-barrierefreiheit\/\">Weiterlesen<span class=\"screen-reader-text\">Der Seiten-Titel &#8211; ein wichtiges Element in der Barrierefreiheit<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-9334","post","type-post","status-publish","format-standard","hentry","category-allgemein","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"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=9334"}],"version-history":[{"count":3,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9334\/revisions"}],"predecessor-version":[{"id":9882,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9334\/revisions\/9882"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=9334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=9334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=9334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}