{"id":2420,"date":"2024-01-11T11:00:10","date_gmt":"2024-01-11T10:00:10","guid":{"rendered":"https:\/\/www.logic-joe.com\/blog\/?p=2420"},"modified":"2024-01-11T11:20:19","modified_gmt":"2024-01-11T10:20:19","slug":"was-bedeutet-das-bfsg-fuer-ux-design-und-development","status":"publish","type":"post","link":"https:\/\/www.logic-joe.com\/blog\/was-bedeutet-das-bfsg-fuer-ux-design-und-development\/","title":{"rendered":"Was bedeutet das BFSG f\u00fcr UX Design und Development ?"},"content":{"rendered":"<p>Die digitale Welt sollte f\u00fcr alle zug\u00e4nglich sein. Doch welche Rolle spielen verschiedene Teammitglieder bei der Realisierung von digitalen Projekten, um dies zu gew\u00e4hrleisten? Dieser Artikel beleuchtet die entscheidenden Aufgaben und Verantwortlichkeiten von Designer:innen, Konzepter:innen und Entwickler:innen bei der Schaffung barrierefreier Websites und Anwendungen.<\/p>\n<h2><b>Design und Konzept<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">UX-Designer:innen setzen sich intensiv mit den Bed\u00fcrfnissen und Anforderungen einer breiten Nutzerschaft auseinandersetzen, einschlie\u00dflich Menschen mit unterschiedlichen F\u00e4higkeiten und Einschr\u00e4nkungen. Website-Konzept und -design muss generell darauf ausgerichtet sein, dass alle Nutzenden die Website oder die Anwendung effektiv nutzen k\u00f6nnen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Designer:innen m\u00fcssen sich mit den Richtlinien der <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener\">WCAG (Web Content Accessibility Guidelines)<\/a> vertraut machen und ein Verst\u00e4ndnis f\u00fcr barrierefreie Kontraste, Schriften, Texte und anderer Gestaltungselemente aufbauen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Im Hinblick auf projektbasierte Arbeit ist zu unterscheiden, ob es sich bei einem Projekt um einen (Re-)Launch handelt oder ob Kunden in Hinblick auf das BFSG ihre bestehenden Webseiten optimieren wollen. Bei der Optimierung von Bestandswebsites steht das Design-Department beratend zur Seite, Identifizieren m\u00f6gliche Schwachstellen und helfen dabei, diese zu beheben.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bei (Re-)Launches gestaltet sich diese Aufgabe darin, Barrierefreiheit von Beginn an als integralen Bestandteil des Konzepts und des Designs mitzudenken und ma\u00dfgebende Prinzipien barrierefreier Gestaltung zu ber\u00fccksichtigen.<\/span><\/p>\n<h2><b>Development\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Digitale Barrierefreiheit hat einen gro\u00dfen Einfluss auf die Arbeit von Developern, da diese letztendlich f\u00fcr die Umsetzung der Standards auf Code-Ebene verantwortlich sind. Sie m\u00fcssen die relevanten Barrierefreiheitsstandards verstehen und in ihren Code integrieren, um sicherzustellen, dass die erstellte Software oder Website zug\u00e4nglich ist. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Das umfasst insbesondere die Verwendung semantischer HTML-Codes, um die Zug\u00e4nglichkeit f\u00fcr Screenreader zu optimieren und so Menschen mit Seh-, Leseschw\u00e4chen oder motorischen Einschr\u00e4nkungen zu inkludieren.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Developer m\u00fcssen sicherstellen, dass alle Funktionen und Interaktionen auf einer Website auch per Tastatur zug\u00e4nglich sind. Dies ist insbesondere f\u00fcr Menschen mit motorischen Einschr\u00e4nkungen wichtig, die keine Maus verwenden k\u00f6nnen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um Barrierefreiheit in digitalen und damit \u00e4u\u00dferst agilen Projekten langfristig zu gew\u00e4hrleisten, ist es wichtig, dass sich alle Projektbeteiligten kontinuierlich fortbilden und den Aspekt der Barrierefreiheit konsequent mitdenken. <a href=\"https:\/\/www.logic-joe.com\/blog\/dos-and-donts-fuer-inklusives-webdesign\/\" target=\"_blank\" rel=\"noopener\">Einen kurzen Einblick in die 7 Do&#8217;s and Don&#8217;ts inklusiven Webdesigns finden Sie hier.<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Eine Auflistung aller Kriterien f\u00fcr eine barrierefreie Websites untergliedert nach Rollen finden Sie hier: <\/span><a href=\"https:\/\/not-checklist.intopia.digital\/\"><span style=\"font-weight: 400;\">https:\/\/not-checklist.intopia.digital\/<\/span><\/a><\/p>\n<h2>Logic Joe builds accessible<\/h2>\n<p>Wir sind gerne bereit, Sie in Ihrem Vorhaben zu unterst\u00fctzen, Ihre Webseite barrierefrei zu gestalten \u2013 unabh\u00e4ngig von Ihrem aktuellen Ausgangspunkt. Bei einem Relaunch Ihrer Website ist es f\u00fcr uns von grundlegender Bedeutung, die Prinzipien der Barrierefreiheit bereits in Konzept, Design und auf Code-Ebene von Anfang an zu integrieren. Unseren Service k\u00f6nnen sie auch nutzen, wenn wir im Rahmen einer schnellen \u00dcberpr\u00fcfung und notwendiger Anpassungen Ihre Online-Pr\u00e4senz barrierefrei gestalten sollen. Wir freuen uns, von Ihnen zu h\u00f6ren &#8211; <a href=\"https:\/\/www.logic-joe.com\/contact\/\" target=\"_blank\" rel=\"noopener\">nehmen Sie gerne Kontakt auf<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was bedeuten die Anforderungen eines barrierefreien Web f\u00fcr die einzelnen Disziplinen und Rollen im Team? Was gilt es als Konzepter, Designer und Developer zu beachten? <\/p>\n","protected":false},"author":20,"featured_media":2444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/2420"}],"collection":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/comments?post=2420"}],"version-history":[{"count":12,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/2420\/revisions"}],"predecessor-version":[{"id":2455,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/2420\/revisions\/2455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/media\/2444"}],"wp:attachment":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/media?parent=2420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/categories?post=2420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/tags?post=2420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}