{"id":11286,"date":"2026-10-30T16:36:07","date_gmt":"2026-10-30T14:36:07","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=11286"},"modified":"2026-10-30T16:36:07","modified_gmt":"2026-10-30T14:36:07","slug":"eigene-barrierefreiheits-prueftools-fuer-die-browser-konsole-bauen","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/eigene-barrierefreiheits-prueftools-fuer-die-browser-konsole-bauen\/","title":{"rendered":"Eigene Barrierefreiheits-Pr\u00fcftools f\u00fcr die Browser-Konsole bauen"},"content":{"rendered":"<p>Die meisten Leserinnen d\u00fcrften mitbekommen haben, dass man mittlerweile mit KI auch Code schreiben lassen kann. Damit ist es auch m\u00f6glich, eigene Barrierefreiheits-Pr\u00fcftools zu bauen, ohne dass man \u00fcber Coding-F\u00e4higkeiten verf\u00fcgt.<br \/>\nWarum sollte man das tun, es gibt ja schon zahlreiche Bookmarklets oder Browser-Plugins, die kaum einen Wunsch offen lassen? Der Einsatz von Bookmarklets wird durch CSP auf den meisten Websites immer schwieriger: CSP soll verhindern, dass fremde Skripte auf der Webseite ausgef\u00fchrt und damit Daten von Nutzerinnen abgegriffen werden. Browser-Plugins funktionieren meistens, tun aber nicht immer das, was man von ihnen m\u00f6chte. In manchen Umgebungen ist es aber auch einfach nicht m\u00f6glich, weitere Tools zu installieren.<br \/>\nDer Weg der Wahl f\u00fchrt \u00fcber die Browser-Konsole, eine in die Browser-Devtools integrierte Funktion, um Skripte auf einer Website auszuf\u00fchren. Rufen Sie im Browser Ihrer Wahl die Browser DevTools auf und w\u00e4hlen dort Konsole. Dort k\u00f6nnen Sie die generierten Skripte einfach reinkopieren und mit Return ausf\u00fchren lassen. \u00dcbrigens k\u00f6nnen Sie auch den Code von Bookmarklets dort reinkopieren, die Konsole funktioniert anders als Bookmarklets, die aus den Lesezeichen aufgerufen werden.<br \/>\nWie lasse ich mir die passenden Codes erstellen? Gehen Sie zur KI Ihrer Wahl und formulieren Sie m\u00f6glichst genau, was das Skript tun soll. Ich habe mir zum Beispiel ein Skript erstellen lassen, um ARIA auf der Webseite und auch \u00c4nderungen von Attributen anzeigen zu lassen. Sie k\u00f6nnen aber auch eine Idee f\u00fcr ein Skript reingeben und fragen, welche Einstellungen die KI f\u00fcr sinnvoll h\u00e4lt. Sie k\u00f6nnen sich zum Beispiel die Textstruktur, Formular-Labels und Gruppierungen oder Alternativtexte anzeigen lassen.<br \/>\nWenn Sie so weit sind und das Skript haben erstellen lassen, kopieren Sie den Code und f\u00fcgen Sie ihn in die Konsole ein. Die Ergebnisse werden direkt sichtbar. Sind sie zufrieden, speichern Sie das Skript ab, so dass Sie es regelm\u00e4\u00dfig nutzen k\u00f6nnen. M\u00f6chten Sie etwas \u00e4ndern, gehen Sie zur\u00fcck in die KI und geben die erw\u00fcnschten \u00c4nderungen an.<br \/>\nAus Sicherheitsgr\u00fcnden teile ich die Skripte nicht, die ich habe erstellen lassen, da ich deren m\u00f6gliche Sch\u00e4dlichkeit nicht beurteilen kann. Durch die Browser-Konsole selbst sollte es kein Sicherheitsrisiko geben, dennoch tragen Sie nat\u00fcrlich selbst die Verantwortung daf\u00fcr, m\u00f6gliche sch\u00e4dliche Wirkungen zu antizipieren. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die meisten Leserinnen d\u00fcrften mitbekommen haben, dass man mittlerweile mit KI auch Code schreiben lassen kann. Damit ist es auch m\u00f6glich, eigene Barrierefreiheits-Pr\u00fcftools zu bauen,&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/eigene-barrierefreiheits-prueftools-fuer-die-browser-konsole-bauen\/\">Weiterlesen<span class=\"screen-reader-text\">Eigene Barrierefreiheits-Pr\u00fcftools f\u00fcr die Browser-Konsole bauen<\/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-11286","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\/11286","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=11286"}],"version-history":[{"count":1,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/11286\/revisions"}],"predecessor-version":[{"id":11287,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/11286\/revisions\/11287"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=11286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=11286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=11286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}