{"id":6062,"date":"2021-11-13T13:14:30","date_gmt":"2021-11-13T11:14:30","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=6062"},"modified":"2023-02-19T18:48:31","modified_gmt":"2023-02-19T16:48:31","slug":"alternativtexte-auf-webseiten-anzeigen-lassen","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/alternativtexte-auf-webseiten-anzeigen-lassen\/","title":{"rendered":"Alternativtexte auf Webseiten anzeigen lassen"},"content":{"rendered":"<p>Es gibt mehrere Wege, um sich Alternativtexte auf Webseiten anzeigen zu lassen. Da Alternativtexte client-seitig ausgespielt werden, kann man sie sich f\u00fcr alle Webseiten anzeigen lassen, egal, ob sie einem geh\u00f6ren oder nicht oder ob die Webseiten im Internet stehen, in einem Redaktionssystem oder lokal auf der eigenen Festplatte befinden. Wichtig ist, dass das HTML im Browser geladen wurde. <\/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\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/alternativtexte-auf-webseiten-anzeigen-lassen\/#Bookmarklet\" >Bookmarklet<\/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\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/alternativtexte-auf-webseiten-anzeigen-lassen\/#Web_Developer_Toolbar\" >Web Developer Toolbar<\/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\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/alternativtexte-auf-webseiten-anzeigen-lassen\/#Integrierte_Browser-Werkzeuge\" >Integrierte Browser-Werkzeuge<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Bookmarklet\"><\/span>Bookmarklet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die einfachste Variante sind Bookmarklets. Es handelt sich um Javascript-Code, der als Lesezeichen im Browser gespeichert wird. Ruft man das Lesezeichen auf der Webseite auf, werden die Alternativtexte der Seite angezeigt. G\u00e4ngig ist hier das <a href=\"https:\/\/pauljadam.com\/bookmarklets\/images.html\">Images Bookmarklet<\/a>.<br \/>\nDas Bookmarklet wird einfach in die Lesezeichen-Leiste gezogen und kann von dort aus auf der Zielseite wie ein normales Lesezeichen aufgerufen werden. Es wird dann keine neue Seite aufgerufen, sondern auf der bestehenden Seite werden die Alternativtexte angezeigt, das funktioniert auch ohne Webzugang.<br \/>\nIm Firefox k\u00f6nnen Sie das Bookmarklet mit der rechten Maustaste anklicken und w\u00e4hlen &#8222;Lesezeichen f\u00fcr Link hinzuf\u00fcgen&#8220;. In anderen Browsern k\u00f6nnen Sie, falls nicht schon erledigt, die Symbolleiste f\u00fcr die Lesezeichen einblenden, bei Edge hei\u00dft sie Favoriten-Leiste und anschlie\u00dfend das Bookmarklet einfach per Maus in die Leiste ziehen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Web_Developer_Toolbar\"><\/span>Web Developer Toolbar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Leider funktioniert das Images Bookmarklet nicht immer. Eine Alternative ist die Web Developer Toolbar. Es gibt sie f\u00fcr <a href\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/web-developer\/\">Firefox<\/a>, <a href=\"https:\/\/chromewebstore.google.com\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=de\">Chrome und Edge<\/a>.<br \/>\nNachdem die Toolbar installiert wurde, integriert man sie in die eigene Symbolleiste. Im Firefox w\u00fcrde man dann den Punkt &#8222;Images&#8220; und dort &#8222;Display Alt Attributes&#8220; anklicken. In den anderen Browsern m\u00fcsste es \u00e4hnlich funktionieren. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Integrierte_Browser-Werkzeuge\"><\/span>Integrierte Browser-Werkzeuge<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ein dritter, nicht so einfacher Weg f\u00fchrt \u00fcber den Quellcode bzw. die integrierten Browser-Werkzeuge. Hier kann man sich \u00fcber Rechtsklick eines Elements die Eigenschaften anzeigen lassen, dazu geh\u00f6rt unter anderem der Alternativtext. Bei Firefox hei\u00dft die Funktion &#8222;Barrierefreiheitseigenschaften untersuchen&#8220;. Daf\u00fcr muss man allerdings vorher die Barrierefreiheitsfunktionen in die Entwicklertools laden.<br \/>\nDer Nachteil ist hier, dass man nur jedes Bild einzeln angezeigt bekommt. Au\u00dferdem werden viele technische Infos angezeigt, die in diesem Zusammenhang nicht so wichtig sind. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt mehrere Wege, um sich Alternativtexte auf Webseiten anzeigen zu lassen. Da Alternativtexte client-seitig ausgespielt werden, kann man sie sich f\u00fcr alle Webseiten anzeigen&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/alternativtexte-auf-webseiten-anzeigen-lassen\/\">Weiterlesen<span class=\"screen-reader-text\">Alternativtexte auf Webseiten anzeigen lassen<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":586,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6062","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/6062","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=6062"}],"version-history":[{"count":5,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/6062\/revisions"}],"predecessor-version":[{"id":8649,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/6062\/revisions\/8649"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/586"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=6062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}