[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"fgeF_oY4l6IV54yd91cpDYaaCg-12bUiNV_NWAv7eb0":75,"QnLIoyoYy3U264hB0qYQ4O_ecbTj4gfRmAs8n-bZMX4":175,"_apollo:default":217},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":117,"postContentElements":13,"evergreen":13,"tags":13,"postWpBody":142,"wpHeaderImage":146,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":158,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":145,"wpYoastHead":168,"author":169},"NodeWpPost","1511","Barrierefreiheit im Fokus",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1738760912,"UTC","+00:00","2025-02-05T13:08:32+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1720095597,"2024-07-04T12:19:57+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/barrierefreiheit-im-fokus",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Barrierefreiheit im Fokus | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/barrierefreiheit-im-fokus","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2024/05/BLOG_Barrierefreiheit-im-Fokus_1204x630px.jpg?h=3ecc83bb&itok=UOWVkxWv",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":124,"processed":125,"format":126},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,139],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":138},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":140},{"__typename":105,"href":141,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",{"__typename":143,"processed":144,"format":126,"summary":145},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ab 28. Juni 2025 müssen digitale Produkte und Dienstleistungen in Österreich, die in den Geltungsbereich dieses Gesetzes fallen, barrierefrei zugänglich sein. In einer immer stärker digitalisierten Welt ist Barrierefreiheit nicht nur eine ethische Verpflichtung, sondern auch ein längst überfälliger Schritt. \u003Cbr>\u003Cbr>\u003Cem>„Ein Drittel der österreichischen Bevölkerung ist von gesundheitsbedingten Einschränkungen im Alltag betroffen, zwei von fünf Personen von körperlichen und/oder sensorischen Einschränkungen und jede:r Siebte von Erinnerungs- und Konzentrationsschwierigkeiten.“\u003C/em> \u003Ca href=\"https://www.sozialministerium.at/dam/jcr:2d34f74b-4638-4b37-bfce-85dbf12482eb/%C3%96sterr.Gesundheitsbericht%202022.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Österreichischer Gesundheitsbericht 2022\u003C/a>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Einschränkungen können uns alle treffen. Trotz allem ist und bleibt Barrierefreiheit auch eine Sache der Haltung. Eine Haltung als Unternehmen, egal ob es ein Gesetz dafür gibt oder nicht, für Inklusion, für Teilhabe aller.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cdiv class=\"ckeditor-spacer spacer spacer-10\"> \u003C/div>\u003Cdiv class=\"ckeditor-spacer spacer spacer-2\"> \u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch2>„UX meets Accessibility”\u003C/h2>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Eine gute UX sorgt dafür, dass Webseiten und Apps eine reibungslose Benutzererfahrung bieten. Doch nicht jeder benutzt digitale Produkte auf die gleiche Weise. Manche Menschen haben unterschiedliche Bedürfnisse und Fähigkeiten und hier kommt Barrierefreiheit ins Spiel. \u003Cstrong>#FürAlleZugänglich\u003C/strong>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cblockquote>\u003Cspan class=\"quote-text\" data-ftf=\"true\">„Bei UX geht es nicht nur darum, großartige Produkte zu gestalten, sondern auch sicherzustellen, dass sie für alle zugänglich sind. Accessibility ist kein Add-on, sondern ein integraler Bestandteil eines gelungenen UX-Designs.”\u003C/span>\u003Ccite class=\"author\">CEO und Gründerin Susanne Holzer\u003C/cite>\u003Cdiv class=\"background-text background-text-light\">Accessibility\u003C/div>\u003C/blockquote>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch2>\u003Cstrong>Warum ist Barrierefreiheit wichtig?\u003C/strong>\u003C/h2>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 standard-list\">\u003Col>\u003Cli>\u003Cstrong>Inklusion:\u003C/strong> Barrierefreiheit fördert die Inklusion von Menschen mit verschiedenen Fähigkeiten. Indem Barrieren beseitigt werden, können alle Menschen gleichberechtigt das digitale Angebot nutzen\u003C/li>\u003Cli>\u003Cstrong>Gesetzliche Bestimmungen:\u003C/strong> In Österreich gibt es Gesetze und Richtlinien, die die Barrierefreiheit in verschiedenen Bereichen regeln\u003C/li>\u003Cli>\u003Cstrong>Wirtschaftliche Vorteile:\u003C/strong> Barrierefreie Produkte und Dienstleistungen eröffnen Unternehmen neue Marktsegmente und Kundenkreise. Indem sie für alle zugänglich sind, können sie ihre Reichweite erweitern und eine größere Vielfalt an Kunden ansprechen.\u003C/li>\u003Cli>\u003Cstrong>Ethik und soziale Verantwortung:\u003C/strong> Die Gewährleistung von Barrierefreiheit ist ein Ausdruck ethischer und sozialer Verantwortung. Es ist wichtig, dass alle Mitglieder der Gesellschaft die gleichen Chancen und Möglichkeiten haben, unabhängig von ihren Fähigkeiten oder Einschränkungen.\u003C/li>\u003C/ol>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch2>\u003Cstrong>“Barrierefrei” was heißt das eigentlich?\u003C/strong>\u003C/h2>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Barrierefreiheit im Web soll sicherstellen, dass digitale Inhalte für alle zugänglich sind – unabhängig von ihren Fähigkeiten oder Einschränkungen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Die \u003Ca href=\"https://www.w3.org/WAI/standards-guidelines/wcag/\">Web Content Accessibility Guidelines\u003C/a> (WCAG) sind Standards für barrierefreie Webinhalte, entwickelt von der Web Accessibility Initiative (WAI) des \u003Ca href=\"https://www.w3.org/\">World Wide Web Consortiums\u003C/a> (W3C).\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Diese Richtlinien wurden entwickelt, um die digitale Inklusion zu fördern und sicherzustellen, dass niemand aufgrund von Barrieren im Web benachteiligt wird. Die WCAG werden regelmäßig aktualisiert, um technologische Entwicklungen und neue Anforderungen an die Barrierefreiheit im Web zu berücksichtigen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Barrierefreiheit betrifft Menschen mit verschiedenen Einschränkungen, sei es visuell, kognitiv, auditiv oder motorisch. Für Menschen mit Sehbehinderungen sind beispielsweise Texte in Brailleschrift oder digitale Bildschirmleseprogramme entscheidend, während Personen mit kognitiven Einschränkungen von klaren und einfachen Informationen profitieren. Hörbehinderte Menschen benötigen Untertitel oder Gebärdensprachoptionen, während Menschen mit motorischen Beeinträchtigungen auf barrierefreie Zugänge und Bedienelemente angewiesen sind.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Gehen wir jetzt ein wenig in die Praxis: Zum bereits sechsten Mal führt die \u003Ca href=\"https://webaim.org/\">The WebAIM\u003C/a> eine \u003Ca href=\"https://webaim.org/projects/million/\">Bewertung der Barrierefreiheit\u003C/a> der top 1.000 000 Websites durch. Hier sieht man ganz gut einen Überblick über die wichtigsten Faktoren in puncto Barrierefreiheit:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 is-resized\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Screenshot der Studie Home pages with most common WCAG failures (% of home pages) Inhalte des Balkendiagrams mit dem Inhalten (Low contrast text, Missing alternative text, Missing foem labels, Empty links, Empty buttons, Missing document language)\" data-entity-type=\"media\" data-entity-uuid=\"c67a26ee-3b5a-49f7-bc37-c08c503f344c\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=mhXjWuf1 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=uXYb9fPH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1380\" height=\"704\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=yRlk-XH1 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=FI2LIHSE 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"522\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=O5eyLsld 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=QVPtmmE2 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"380\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=QdWY6Z1i 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=F_Uttvih 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"245\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=ISXij7Hk 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.webp?itok=JmQ3mFH_ 2x\" type=\"image/webp\" width=\"1380\" height=\"704\">\n                  \u003Cimg loading=\"lazy\" width=\"1380\" height=\"704\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png.jpg?itok=JmQ3mFH_\" alt=\"Screenshot der Studie Home pages with most common WCAG failures (% of home pages) Inhalte des Balkendiagrams mit dem Inhalten (Low contrast text, Missing alternative text, Missing foem labels, Empty links, Empty buttons, Missing document language)\" title=\"Screenshot Studie\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>https://webaim.org/projects/million/\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>96,4 % aller erkannten WCAG-Fehler in der Studie fallen in die oben genannten sechs Kategorien.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Die Behebung alleine dieser spezifischen Probleme würde die Zugänglichkeit also signifikant erhöhen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Zur besseren Veranschaulichung zeigen wir euch nun Beispiele aus der Praxis:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Low contrast text\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ein ausreichender Kontrast zwischen Text und Hintergrund ermöglicht es Menschen mit Sehschwierigkeiten den Text klarer zu erkennen und zu lesen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 is-resized\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Low Contrast Text hellgrau auf weißem Hintergrund und \nHigh Contrast Text weiß auf dunkelblauem Hintergrund\" data-entity-type=\"media\" data-entity-uuid=\"0840c33b-a160-4ed8-8cfb-e4fa9ea38d80\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=M73WaZ7G 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=7IPLpMBp 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"926\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=3z_oVWlw 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=LAtB9YY6 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"658\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=psGBJWSM 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=JhwKj4xj 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"479\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=hrBxH44v 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=gSwv5s8i 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"309\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=NGu6oOCr 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.webp?itok=lsm5BmZv 2x\" type=\"image/webp\" width=\"1620\" height=\"1041\">\n                  \u003Cimg loading=\"lazy\" width=\"1867\" height=\"1200\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/06/BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px.jpg.jpg?itok=lsm5BmZv\" alt=\"Low Contrast Text hellgrau auf weißem Hintergrund und \nHigh Contrast Text weiß auf dunkelblauem Hintergrund\" title=\"BLOG_Barrierefreiheit-im-Fokus_Contrast-2880x1300px\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Beispiel Low und High Contrast Text\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Ca href=\"https://webaim.org/resources/contrastchecker/\" target=\"_blank\" rel=\"noreferrer noopener\">Hier gehts zum Contrast Checker vom WEBAIM\u003C/a>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp> \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>\u003Cstrong>Missing alternative text\u003C/strong>\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ein ALT-Text liefert eine textlich beschreibende Alternative zum Bild, welche auch von diversen Screenreadern vorgelesen werden kann. Rein dekorative Bilder sollten jedoch vor dem Screenreader verborgen werden.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp> \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cpre class=\"wp-block-code\">\u003Ccode class=\"language-plaintext\"><img src=\"/images/wienStadtpark.png\" alt=\"Luftaufnahme des Wiener Stadtparks.\" />\n\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Missing form labels\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Eingabefelder müssen so aufgebaut und beschriftet sein, dass Nutzer:innen wissen was eingetragen werden soll.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Das bedeutet konkret, dass es im Code für jedes Eingabefeld (<input>) auch eine Beschriftung (<label>) geben muss, welche auf das Eingabefeld verweist. Im folgenden Beispiel verweist das <label> auf das <Input> mit der ID “firstname”.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cpre class=\"wp-block-code\">\u003Ccode class=\"language-plaintext\"><label for=\"firstname\">Vorname:</label>\n<input type=\"text\" id=\"firstname\" name=\"firstname\">\n\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Empty links\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Jeder Link braucht einen Text, welcher erklärt, was passiert, wenn der Link ausgewählt wird.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ein Link ist typischerweise so aufgebaut:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cpre class=\"wp-block-code\">\u003Ccode class=\"language-plaintext\"><a href=\"https://liechtenecker.at/\">Liechtenecker UX Design Studio</a>\n\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ein “empty” Link besitzt keinen erklärenden Text:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cpre class=\"wp-block-code\">\u003Ccode class=\"language-plaintext\"><a href=\"https://liechtenecker.at/\"></a>\n\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Empty buttons\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Auch Buttons brauchen einen erklärenden Text, damit User wissen welche Funktion der Button hat. Vor allem Buttons, die nur aus einem Icon bestehen, brauchen einen aussagekräftigen Namen, der von einem Screenreader vorgelesen wird. Wenn dieser fehlt, wird liest der Screenreader nur vor, dass es sich hier um einen Button handelt.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Es gibt mehrere Möglichkeiten ein Icon-Button barrierefrei zu machen. Eine Möglichkeit ist es, dem Button ein ARIA Label zu geben und das Icon vor dem Screenreader zu verbergen. Dadurch wird beim fokussieren auf den Button nur der Text im ARIA Label vorgelesen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cpre class=\"wp-block-code\">\u003Ccode class=\"language-plaintext\"><button aria-label=\"Menü öffnen\">\n\t<svg aria-hidden=\"true\"><!-- SVG content --></svg>\n</button>\n\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Missing document language\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Das HTML-Attribut \u003Ccode>\u003Cstrong>lang\u003C/strong>\u003C/code> wird verwendet, um die Sprache des Inhalts einer Seite anzugeben und ist ausschlaggebend für die korrekte Sprachausgabe durch Screenreader.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Als UX-Agentur setzen wir uns dafür ein, dass die digitalen Lösungen unserer Kunden für alle Nutzer gleichermaßen zugänglich sind. Denn nur so können wir sicherstellen, dass niemand ausgeschlossen wird und alle von den Vorteilen der digitalen Welt profitieren können.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Bist du bei den Beispielen ins Schwitzen gekommen? Atme tief durch! Wir sorgen als \u003Cstrong>UX Experten\u003C/strong> seit über 10 Jahren für erfolgreiche und einzigartige User Experience und sind auch beim Thema Accessibility zertifizierte Expert:innen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Mit unserem Angebot blicken wir mit dir gemeinsam durch den \u003Cstrong>Accessibility Dschungel\u003C/strong> und machen dich Schritt für Schritt zukunftsfit! \u003Cbr>Hier geht es zu unserer neuen Angebotsseite: \u003Ca href=\"https://liechtenecker.at/accessibility\" target=\"_blank\" rel=\"noreferrer noopener\">„UX & ACCESSIBILITY“\u003C/a>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Denn letztendlich geht es darum, eine digitale Erfahrung zu schaffen, die für alle zugänglich ist!\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Hier kannst du unseren Blogartikel “\u003Ca href=\"/blog/web-accessibility-wie-wir-schriftgroessenanpassung-high-contrast-switch-umsetzen\" target=\"_blank\" rel=\"noreferrer noopener\">Web Accessibility: Wie wir Schriftgrössenanpassung & High Contrast Switch umsetzen”\u003C/a> lesen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>","Spätestens seit dem neuen Barrierefreiheitsgesetzt kommt man um das Thema Accessibility nicht mehr herum. Und das ist auch gut so. Von der Berücksichtigung verschiedenster Bedürfnisse bis hin zur Umsetzung von WCAG-Richtlinien – lasst uns gemeinsam entdecken, warum eine inklusive Online-Erfahrung für alle unverzichtbar ist.",{"__typename":147,"id":148,"excludeFromScreenreader":13,"mediaImage":149,"name":154,"path":157,"status":20},"MediaImage","2902",{"__typename":150,"url":151,"width":152,"height":153,"alt":154,"title":154,"size":155,"mime":156},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2024/05/BLOG_Barrierefreiheit-im-Fokus_TITEL-2880x1300px-scaled.jpg",2560,1156,"Header-Bild: Barrierefreiheit im Fokus",283019,"image/jpeg","/media/2902/edit",{"__typename":147,"id":159,"excludeFromScreenreader":13,"mediaImage":160,"name":165,"path":167,"status":20},"2893",{"__typename":150,"url":161,"width":162,"height":163,"alt":164,"title":165,"size":166,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2024/05/BLOG_Barrierefreiheit-im-Fokus_1204x630px.jpg",1204,630,"Barrierefreiheit im Fokus #FürAllezugänglich auf dunkelblauem Hintergrund mit einem Sujet, welches 2 Hände und ein Puzzlestück zeigt","BLOG_Barrierefreiheit im Fokus_1204x630px",348997,"/media/2893/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\r\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\r\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/\" />\r\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\r\n\u003Cmeta property=\"og:type\" content=\"article\" />\r\n\u003Cmeta property=\"og:title\" content=\"Barrierefreiheit im Fokus - Liechtenecker\" />\r\n\u003Cmeta property=\"og:description\" content=\"Ab 28. Juni 2025 müssen digitale Produkte und Dienstleistungen in Österreich, die in den Geltungsbereich dieses Gesetzes fallen, barrierefrei zugänglich sein. In einer immer stärker digitalisierten Welt ist Barrierefreiheit nicht nur eine ethische Verpflichtung, sondern auch ein längst überfälliger Schritt. „Ein Drittel der österreichischen Bevölkerung ist von gesundheitsbedingten Einschränkungen im Alltag betroffen, zwei von fünf […]\" />\r\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/\" />\r\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\r\n\u003Cmeta property=\"article:published_time\" content=\"2024-07-04T14:19:57+00:00\" />\r\n\u003Cmeta property=\"article:modified_time\" content=\"2024-07-18T08:12:10+00:00\" />\r\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png\" />\r\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\r\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\r\n\t\u003Cmeta name=\"twitter:data1\" content=\"5 Minuten\">\r\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2024/05/Bildschirmfoto-2024-05-06-um-10.53.22.png\",\"width\":1380,\"height\":704,\"caption\":\"https://webaim.org/projects/million/\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/\",\"name\":\"Barrierefreiheit im Fokus - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/#primaryimage\"},\"datePublished\":\"2024-07-04T14:19:57+00:00\",\"dateModified\":\"2024-07-18T08:12:10+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/fca355156961183f814b1a885744f834\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/barrierefreiheit-im-fokus/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/fca355156961183f814b1a885744f834\",\"name\":\"Natalie Zillner\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/06f7d227ebe35ee91fd1d580a44ca63f?s=96&d=mm&r=g\",\"caption\":\"Natalie Zillner\"}}]}\u003C/script>\r\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":170,"id":171,"myRole":172,"name":173,"nickname":174},"User","16","Marketing","natalie-zillner","Natalie Zillner",{"latestKnowhow":176},[177,192,205],{"__typename":79,"id":178,"title":179,"path":180,"wpTeaserText":181,"wpPromotedTeaserImage":13,"wpHeaderImage":182},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":147,"id":183,"excludeFromScreenreader":13,"mediaImage":184,"name":190,"path":191,"status":20},"3364",{"__typename":150,"url":185,"width":186,"height":187,"alt":188,"title":13,"size":189,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":193,"title":194,"path":195,"wpTeaserText":196,"wpPromotedTeaserImage":13,"wpHeaderImage":197},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":147,"id":198,"excludeFromScreenreader":13,"mediaImage":199,"name":203,"path":204,"status":20},"3355",{"__typename":150,"url":200,"width":186,"height":187,"alt":201,"title":13,"size":202,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":206,"title":207,"path":208,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":209},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":147,"id":210,"excludeFromScreenreader":21,"mediaImage":211,"name":215,"path":216,"status":20},"3303",{"__typename":150,"url":212,"width":186,"height":187,"alt":213,"title":13,"size":214,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":218,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":219,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":223,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":226,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":229,"Menu:footer":232,"ROOT_QUERY":242,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":258,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":261,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":264,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":267,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":270,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":273,"Menu:nuxt-main-menu":276,"TermCategories:8":290,"MediaImage:2902":301,"MediaImage:2893":303,"User:16":305,"NodeWpPost:1511":306,"MediaImage:3364":328,"NodeWpPost:1619":330,"MediaImage:3355":333,"NodeWpPost:1616":335,"MediaImage:3303":338,"NodeWpPost:1606":340},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",220,"internal",20,"expanded",21,"attributes",222],{"__ref":221},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",224,"internal",20,"expanded",21,"attributes",225],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",227,"internal",20,"expanded",21,"attributes",228],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",230,"internal",21,"expanded",21,"attributes",231],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",233],[234,236,238,240],{"__ref":235},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":237},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":239},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":241},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",243,"menu({\"name\":\"FOOTER\"})",244,"menu({\"name\":\"NUXT_MAIN_MENU\"})",246,"route({\"path\":\"/blog/barrierefreiheit-im-fokus\"})",248,"latestKnowhow({\"excludeId\":\"1511\",\"limit\":3})",251],"Query",{"__ref":245},"Menu:footer",{"__ref":247},"Menu:nuxt-main-menu",["null","__typename",77,"entity",249],{"__ref":250},"NodeWpPost:1511",[252,254,256],{"__ref":253},"NodeWpPost:1619",{"__ref":255},"NodeWpPost:1616",{"__ref":257},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",259,"internal",20,"expanded",21,"attributes",260],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",262,"internal",20,"expanded",21,"attributes",263],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",274,"internal",20,"expanded",21,"attributes",275],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",277],[278,280,282,284,286,288],{"__ref":279},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":281},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":283},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":285},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":287},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":289},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",291,"langcode",292,"changed",293,"metatag",294],["null","__typename",124,"processed",125,"format",126],{"__ref":221},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[295,297,299],["null","__typename",95,"tag",96,"attributes",296],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",298],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",300],["null","__typename",105,"href",141,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",147,"id",148,"excludeFromScreenreader",13,"mediaImage",302,"name",154,"path",157,"status",20],["null","__typename",150,"url",151,"width",152,"height",153,"alt",154,"title",154,"size",155,"mime",156],["null","__typename",147,"id",159,"excludeFromScreenreader",13,"mediaImage",304,"name",165,"path",167,"status",20],["null","__typename",150,"url",161,"width",162,"height",163,"alt",164,"title",165,"size",166,"mime",156],["null","__typename",170,"id",171,"myRole",172,"name",173,"nickname",174],["null","__typename",79,"id",80,"title",81,"changed",307,"created",308,"langcode",309,"path",92,"promote",21,"status",20,"sticky",21,"metatag",310,"category",319,"contentElements",13,"evergreen",13,"tags",13,"wpBody",321,"wpHeaderImage",322,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",324,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",145,"wpYoastHead",168,"author",326],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":221},[311,313,315,317],["null","__typename",95,"tag",96,"attributes",312],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",314],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",316],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",318],["null","__typename",111,"property",115,"content",116],{"__ref":320},"TermCategories:8",["null","__typename",143,"processed",144,"format",126,"summary",145],{"__ref":323},"MediaImage:2902",{"__ref":325},"MediaImage:2893",{"__ref":327},"User:16",["null","__typename",147,"id",183,"excludeFromScreenreader",13,"mediaImage",329,"name",190,"path",191,"status",20],["null","__typename",150,"url",185,"width",186,"height",187,"alt",188,"title",13,"size",189,"mime",156],["null","__typename",79,"id",178,"title",179,"path",180,"wpTeaserText",181,"wpPromotedTeaserImage",13,"wpHeaderImage",331],{"__ref":332},"MediaImage:3364",["null","__typename",147,"id",198,"excludeFromScreenreader",13,"mediaImage",334,"name",203,"path",204,"status",20],["null","__typename",150,"url",200,"width",186,"height",187,"alt",201,"title",13,"size",202,"mime",156],["null","__typename",79,"id",193,"title",194,"path",195,"wpTeaserText",196,"wpPromotedTeaserImage",13,"wpHeaderImage",336],{"__ref":337},"MediaImage:3355",["null","__typename",147,"id",210,"excludeFromScreenreader",21,"mediaImage",339,"name",215,"path",216,"status",20],["null","__typename",150,"url",212,"width",186,"height",187,"alt",213,"title",13,"size",214,"mime",156],["null","__typename",79,"id",206,"title",207,"path",208,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",341],{"__ref":342},"MediaImage:3303"]