{"id":392,"date":"2025-02-18T15:10:10","date_gmt":"2025-02-18T14:10:10","guid":{"rendered":"http:\/\/indonesiafoto.ddns.net\/?p=392"},"modified":"2025-02-18T16:59:54","modified_gmt":"2025-02-18T15:59:54","slug":"barierfreier-test-mit-robotframework-aus-ai","status":"publish","type":"post","link":"http:\/\/indonesiafoto.ddns.net\/index.php\/2025\/02\/18\/barierfreier-test-mit-robotframework-aus-ai\/","title":{"rendered":"Barierfreier(accessibility) Test Mit Robotframework aus AI Prompt"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1133\" height=\"681\" data-id=\"404\" src=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.42.png\" alt=\"\" class=\"wp-image-404\" srcset=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.42.png 1133w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.42-300x180.png 300w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.42-768x462.png 768w\" sizes=\"auto, (max-width: 1133px) 100vw, 1133px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1124\" height=\"721\" data-id=\"406\" src=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.20.png\" alt=\"\" class=\"wp-image-406\" srcset=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.20.png 1124w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.20-300x192.png 300w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.20-768x493.png 768w\" sizes=\"auto, (max-width: 1124px) 100vw, 1124px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1117\" height=\"277\" data-id=\"405\" src=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.00.png\" alt=\"\" class=\"wp-image-405\" srcset=\"http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.00.png 1117w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.00-300x74.png 300w, http:\/\/indonesiafoto.ddns.net\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-18-um-15.33.00-768x190.png 768w\" sizes=\"auto, (max-width: 1117px) 100vw, 1117px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><strong>Frage:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>How can I automate barrier-free testing with Robot Framework Browser Library for web applications, please provide an example of a test robot and the requirements that must be met to run the test on Raspbian OS with Pi4. \nTolong tuliskan jawaban dalam bahasa jerman <\/code><\/pre>\n\n\n\n<p><strong>Local LLM (Olama, deepseek-r1:70b, Open-WebUI )<\/strong> <strong>Antwort<\/strong>:<\/p>\n\n\n\n<p>Nat\u00fcrlich, hier ist eine Anleitung, wie Sie barrierefreie Tests mit Robot Framework und der Browser Library f\u00fcr Webanwendungen automatisieren k\u00f6nnen. Au\u00dferdem stelle ich ein Beispiel-Testroboter bereit und erkl\u00e4re die Voraussetzungen, um den Test auf Raspbian OS mit einem Raspberry Pi 4 durchzuf\u00fchren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Voraussetzungen f\u00fcr die Ausf\u00fchrung auf Raspbian OS mit Raspberry Pi 4<\/h3>\n\n\n\n<p>Bevor Sie beginnen, m\u00fcssen Sie folgende Voraussetzungen erf\u00fcllen:<\/p>\n\n\n\n<p><strong>Raspbian OS <\/strong>: Stellen Sie sicher, dass das neueste Raspbian-Betriebssystem auf Ihrem Raspberry Pi 4 installiert ist.<\/p>\n\n\n\n<p><strong>Python <\/strong>: Installieren Sie Python 3 auf Ihrem System.<\/p>\n\n\n\n<p><strong>Robot Framework <\/strong>: Installieren Sie Robot Framework mithilfe von pip:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sudo apt-get update &amp;&amp; sudo apt-get upgrade -y\nsudo apt-get install python3-pip -y\npip3 install robotframework<\/code><\/pre>\n\n\n\n<p><strong>Browser Library <\/strong>: Installieren Sie die Browser Library f\u00fcr Robot Framework:bashCopy1pip3 install robotframework-browser<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>pip3 install robotframework-browser<\/code><\/pre>\n\n\n\n<p><strong>WebDriver <\/strong>: Stellen Sie sicher, dass der passende WebDriver (z.B. f\u00fcr Chrome oder Firefox) installiert ist.<\/p>\n\n\n\n<p><strong>Accessibility-Tools <\/strong>: Optional k\u00f6nnen Sie Tools wie <code>axe-core<\/code> f\u00fcr die \u00dcberpr\u00fcfung von Barrierefreiheit verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beispiel-Testroboter f\u00fcr barrierefreie Tests<\/h3>\n\n\n\n<p>Hier ist ein Beispiel f\u00fcr einen Testroboter, der die Barrierefreiheit einer Webseite \u00fcberpr\u00fcft:<\/p>\n\n\n\n<p>robotframework: meine_testdatei.robot<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>*** Settings ***\nLibrary    Browser\nLibrary    Accessibility\n\n*** Variables ***\n${URL}    https:\/\/meine-webseite.de\n\n*** Keywords ***\n\u00dcberpr\u00fcfung Der Barrierefreiheit\n    Open Browser    ${URL}    chrome\n    Wait Until Page Contains    Meine Webseite\n    Run Axe Core Audit\n    Should Be Equal    ${audit result}    passed\n    Close Browser\n\n*** Test Cases ***\nTestfall 1: \u00dcberpr\u00fcfung der barrierefreien Darstellung\n    \u00dcberpr\u00fcfung Der Barrierefreiheit\n\nTestfall 2: Pr\u00fcfung von Alt-Texten f\u00fcr Bilder\n    Open Browser    ${URL}    chrome\n    Wait Until Page Contains    Meine Webseite\n    @{images}=    Get Elements    tag=img\n    FOR    ${image}    IN    @{images}\n        ${alt_text}=    Get Attribute    ${image}    alt\n        Should Not Be Empty    ${alt_text}\n    END\n    Close Browser\n\nTestfall 3: Pr\u00fcfung von ARIA-Labels\n    Open Browser    ${URL}    chrome\n    Wait Until Page Contains    Meine Webseite\n    @{elements_with_aria}=    Get Elements    xpath=\/\/*&#91;@role]\n    FOR    ${element}    IN    @{elements_with_aria}\n        ${aria_label}=    Get Attribute    ${element}    aria-label\n        Should Not Be Empty    ${aria_label}\n    END\n    Close Browser<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Erkl\u00e4rung der Testf\u00e4lle<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>\u00dcberpr\u00fcfung der Barrierefreiheit <\/strong>:\n<ul class=\"wp-block-list\">\n<li>\u00d6ffnet die Webseite im Chrome-Browser.<\/li>\n\n\n\n<li>F\u00fchrt einen Audit mit <code>axe-core<\/code> durch, um die Barrierefreiheit zu \u00fcberpr\u00fcfen.<\/li>\n\n\n\n<li>\u00dcberpr\u00fcft, ob das Audit erfolgreich war.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Pr\u00fcfung von Alt-Texten f\u00fcr Bilder <\/strong>:\n<ul class=\"wp-block-list\">\n<li>Sammelt alle Bilder auf der Webseite und \u00fcberpr\u00fcft, ob jedes Bild einen nicht-leeren <code>alt<\/code>-Text hat.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Pr\u00fcfung von ARIA-Labels <\/strong>:\n<ul class=\"wp-block-list\">\n<li>Sucht nach Elementen mit ARIA-Attributen und \u00fcberpr\u00fcft, ob sie g\u00fcltige <code>aria-label<\/code>-Attribute haben.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Ausf\u00fchrung der Tests<\/h3>\n\n\n\n<p>Um die Tests auszuf\u00fchren, navigieren Sie zum Verzeichnis, in dem sich Ihre Testdatei befindet, und f\u00fchren Sie den folgenden Befehl aus:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>robotframework meine_testdatei.robot<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Fazit<\/h3>\n\n\n\n<p>Diese Anleitung zeigt Ihnen, wie Sie barrierefreie Tests f\u00fcr Webanwendungen mit Robot Framework und der Browser Library automatisieren k\u00f6nnen. Die Voraussetzungen sind einfach zu erf\u00fcllen, und die Beispiele geben Ihnen einen guten Ausgangspunkt f\u00fcr Ihre eigenen Testf\u00e4lle.<\/p>\n\n\n\n<p>Wenn Sie weitere Fragen haben oder Hilfe bei der Implementierung ben\u00f6tigen, stehe ich gerne zur Verf\u00fcgung!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Leider hat AI Hier versagt!!!!! \ud83d\ude09<\/p>\n\n\n\n<p>Richtige L\u00f6sung siehe bitte hier: <a href=\"https:\/\/github.com\/MarketSquare\/robotframework-browser-extensions\/tree\/main\/Axe-Core\">https:\/\/github.com\/MarketSquare\/robotframework-browser-extensions\/tree\/main\/Axe-Core<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Frage: Local LLM (Olama, deepseek-r1:70b, Open-WebUI ) Antwort: Nat\u00fcrlich, hier ist eine Anleitung, wie Sie barrierefreie Tests mit Robot Framework und der Browser Library f\u00fcr Webanwendungen automatisieren k\u00f6nnen. Au\u00dferdem stelle ich ein Beispiel-Testroboter bereit und erkl\u00e4re die Voraussetzungen, um den Test auf Raspbian OS mit einem Raspberry Pi 4 durchzuf\u00fchren. Voraussetzungen f\u00fcr die Ausf\u00fchrung auf Raspbian OS mit Raspberry Pi 4 Bevor Sie beginnen, m\u00fcssen Sie folgende Voraussetzungen erf\u00fcllen: Raspbian OS : Stellen Sie sicher, dass das neueste Raspbian-Betriebssystem auf Ihrem Raspberry Pi 4 installiert ist. Python : Installieren Sie Python 3 auf Ihrem System. Robot Framework : Installieren Sie Robot Framework mithilfe von pip: Browser Library : Installieren Sie die Browser Library f\u00fcr Robot Framework:bashCopy1pip3 install robotframework-browser WebDriver : Stellen Sie sicher, dass der passende WebDriver (z.B. f\u00fcr Chrome oder Firefox) installiert ist. Accessibility-Tools : Optional k\u00f6nnen Sie Tools wie axe-core f\u00fcr die \u00dcberpr\u00fcfung von Barrierefreiheit verwenden. Beispiel-Testroboter f\u00fcr barrierefreie Tests Hier ist ein Beispiel f\u00fcr einen Testroboter, der die Barrierefreiheit einer Webseite \u00fcberpr\u00fcft: robotframework: meine_testdatei.robot Erkl\u00e4rung der Testf\u00e4lle Ausf\u00fchrung der Tests Um die Tests auszuf\u00fchren, navigieren Sie zum Verzeichnis, in dem sich Ihre Testdatei befindet, und f\u00fchren Sie den folgenden Befehl aus: Fazit Diese Anleitung zeigt Ihnen, wie Sie barrierefreie Tests f\u00fcr Webanwendungen mit Robot Framework und der Browser Library automatisieren k\u00f6nnen. Die Voraussetzungen sind einfach zu erf\u00fcllen, und die Beispiele geben Ihnen einen guten Ausgangspunkt f\u00fcr Ihre eigenen Testf\u00e4lle. Wenn Sie weitere Fragen haben oder Hilfe bei der Implementierung ben\u00f6tigen, stehe ich gerne zur Verf\u00fcgung! Leider hat AI Hier versagt!!!!! \ud83d\ude09 Richtige L\u00f6sung siehe bitte hier: https:\/\/github.com\/MarketSquare\/robotframework-browser-extensions\/tree\/main\/Axe-Core<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[27,28],"class_list":["post-392","post","type-post","status-publish","format-standard","hentry","category-software-testing","tag-barierfreie-test","tag-rf-test-automation"],"_links":{"self":[{"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/posts\/392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/comments?post=392"}],"version-history":[{"count":11,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/posts\/392\/revisions"}],"predecessor-version":[{"id":414,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/posts\/392\/revisions\/414"}],"wp:attachment":[{"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/media?parent=392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/categories?post=392"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/indonesiafoto.ddns.net\/index.php\/wp-json\/wp\/v2\/tags?post=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}