{"id":9965,"date":"2024-06-11T07:49:09","date_gmt":"2024-06-11T07:49:09","guid":{"rendered":"https:\/\/www.pluspol-interactive.de\/?p=9965"},"modified":"2024-08-26T12:40:01","modified_gmt":"2024-08-26T12:40:01","slug":"website-barrierefreiheitsstaerkungsgesetz-bfsg","status":"publish","type":"post","link":"https:\/\/www.pluspol-interactive.de\/artikel\/website-barrierefreiheitsstaerkungsgesetz-bfsg\/","title":{"rendered":"Das Barrierefreiheits\u00adst\u00e4rkungs\u00adgesetz (BFSG) auf Ihrer Website umsetzen (Stand: Juni 2024)"},"content":{"rendered":"[vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text text_direction=“default“]Das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) tritt am 28. Juni 2025 in Kraft und hat weitreichende Auswirkungen auf viele Unternehmen. Insbesondere f\u00fcr B2B und B2C Unternehmen ist es wichtig, sich fr\u00fchzeitig mit den Anforderungen dieses Gesetzes auseinanderzusetzen, um die notwendigen Anpassungen rechtzeitig vorzunehmen. Das BFSG zielt darauf ab, die Barrierefreiheit von Produkten und Dienstleistungen erheblich zu verbessern, was eine Reihe von gesetzlichen Anforderungen und Regularien mit sich bringt.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“]
Ja, wenn Ihre Website f\u00fcr den Zugang durch Verbraucher genutzt wird, m\u00fcssen Sie handeln. Das BFSG betrifft alle Unternehmen, die Produkte und Dienstleistungen online anbieten, einschlie\u00dflich:<\/p>\n
Kleinstunternehmen mit weniger als zehn Besch\u00e4ftigten und einem Jahresumsatz von unter zwei Millionen Euro sind teilweise ausgenommen, sollten aber dennoch die Umsetzung von Barrierefreiheit in Betracht ziehen.<\/p><\/blockquote>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text text_direction=“default“]\n
Bis wann m\u00fcssen Sie handeln?<\/h2>\n[\/vc_column_text][divider line_type=“No Line“ custom_height=“25px“][split_line_heading animation_type=“line-reveal-by-space“ font_style=“h3″ text_color=“#8ac900″ line_reveal_by_space_text_effect=“default“ content_alignment=“center“ mobile_content_alignment=“inherit“ link_target=“_self“ text_content=“28. Juni 2025″ text_direction=“default“][\/split_line_heading][\/vc_column][\/vc_row][vc_row type=“full_width_background“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ bg_color=“#ffffff“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“ gradient_type=“default“ shape_type=““][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text css=““ text_direction=“default“]\n
Machen Sie unseren Test und erfahren Sie, ob Sie handeln m\u00fcssen<\/h2>\n[\/vc_column_text][divider line_type=“No Line“ custom_height=“25px“][vc_raw_html css=““]JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZkb2NzLmdvb2dsZS5jb20lMkZmb3JtcyUyRmQlMkZlJTJGMUZBSXBRTFNkRUpsSjJVOFFxd2xvMVhrQlh1TC13cTNTUmlGNm9LN3NlR3Rmc3JmTms2THczY1ElMkZ2aWV3Zm9ybSUzRmVtYmVkZGVkJTNEdHJ1ZSUyMiUyMHdpZHRoJTNEJTIyNjQwJTIyJTIwaGVpZ2h0JTNEJTIyODAwJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTIwbWFyZ2luaGVpZ2h0JTNEJTIyMCUyMiUyMG1hcmdpbndpZHRoJTNEJTIyMCUyMiUzRVdpcmQlMjBnZWxhZGVuJUUyJTgwJUE2JTNDJTJGaWZyYW1lJTNF[\/vc_raw_html][\/vc_column][\/vc_row][vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text text_direction=“default“]\n
Was muss gemacht werden?<\/h2>\n
Um den Anforderungen des Barrierefreiheitsst\u00e4rkungsgesetzes (BFSG) gerecht zu werden, m\u00fcssen Sie Ihre Websites so gestalten, dass sie f\u00fcr alle Nutzer zug\u00e4nglich ist. Dies umfasst die Implementierung spezifischer Ma\u00dfnahmen zur Verbesserung der Wahrnehmbarkeit, Bedienbarkeit, Verst\u00e4ndlichkeit und Robustheit der Webinhalte. Ziel ist es, Barrieren abzubauen und eine uneingeschr\u00e4nkte Nutzung der Website zu erm\u00f6glichen, unabh\u00e4ngig von individuellen k\u00f6rperlichen oder technischen Einschr\u00e4nkungen.<\/p>\n
Insbesondere f\u00fcr Ihre Website<\/strong> bedeutet dies, dass sie die WCAG 2.2 Standards einhalten<\/strong> muss. Das Gesetz fordert zudem ein Monitoring-System<\/strong> zur \u00dcberwachung der Einhaltung der Anforderungen. Bei Nichteinhaltung<\/strong> k\u00f6nnen Bu\u00dfgelder<\/strong> verh\u00e4ngt werden.[\/vc_column_text][vc_column_text text_direction=“default“]Diese Anpassungen m\u00fcssen Sie durchf\u00fchren:[\/vc_column_text][vc_column_text text_direction=“default“]\n
Textalternativen f\u00fcr Bilder<\/h3>\n
Alle Bilder auf Ihrer Website m\u00fcssen mit beschreibenden Textalternativen versehen werden. Diese Alternativtexte erm\u00f6glichen es Screenreadern, den Inhalt der Bilder verbal darzustellen, wodurch sehbehinderte Nutzer den Kontext und die Informationen der Bilder verstehen k\u00f6nnen.[\/vc_column_text][nectar_image_comparison image_url=“10006″ image_2_url=“10005″][vc_column_text text_direction=“default“]\n
Anpassbare Schriftgr\u00f6\u00dfen<\/h3>\n
Ihre Website muss es Nutzer erm\u00f6glichen, die Schriftgr\u00f6\u00dfe individuell anzupassen. Dies erleichtert Personen mit Sehschw\u00e4chen das Lesen der Inhalte und verbessert die allgemeine Zug\u00e4nglichkeit. Stellen Sie sicher, dass die Schriftgr\u00f6\u00dfe flexibel und ohne Layout-Probleme ver\u00e4nderbar ist.[\/vc_column_text][nectar_image_comparison image_url=“10003″ image_2_url=“10002″][vc_column_text text_direction=“default“]\n
Ausreichend Kontrast<\/h3>\n
Der Kontrast zwischen Text und Hintergrund muss ausreichend hoch sein, um auch von Personen mit Sehbeeintr\u00e4chtigungen gut gelesen werden zu k\u00f6nnen. Ein hoher Kontrast verbessert die Lesbarkeit und macht Ihre Website f\u00fcr alle Nutzer zug\u00e4nglicher. \u00dcberpr\u00fcfen Sie die Kontrastverh\u00e4ltnisse und passen Sie diese gegebenenfalls an, um den WCAG 2.2 Standards zu entsprechen.[\/vc_column_text][nectar_image_comparison image_url=“9998″ image_2_url=“9999″][\/vc_column][\/vc_row][vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text text_direction=“default“]\n
Hintergrund und Ziel des BFSG<\/h2>\n
Um sicherzustellen, dass Ihre Website den rechtlichen Anforderungen zur Barrierefreiheit entspricht, m\u00fcssen Sie mehrere EU- und deutsche Standards einhalten.[\/vc_column_text][vc_column_text text_direction=“default“]\n
EU-Richtlinien<\/h3>\n
Der European Accessibility Act (EAA)<\/strong> harmonisiert die Barrierefreiheitsanforderungen innerhalb der EU. Er wurde entwickelt, um eine einheitliche Grundlage f\u00fcr die Barrierefreiheit von Produkten und Dienstleistungen zu schaffen, einschlie\u00dflich digitaler Inhalte wie Websites und Software. Die Anforderungen des EAA sind in nationales Recht umzusetzen, wie beispielsweise durch das BFSG in Deutschland.<\/p>\n
Eine weitere wichtige EU-Richtlinie ist die Web Accessibility Directive (WAD)<\/strong>, die speziell auf die Verbesserung der Barrierefreiheit von Websites und mobilen Anwendungen \u00f6ffentlicher Stellen abzielt. Diese Richtlinie wird in Deutschland durch Verordnungen wie die BITV umgesetzt und erfordert die Einhaltung der WCAG-Richtlinien.[\/vc_column_text][vc_column_text text_direction=“default“]\n
Deutsche Gesetze und Verordnungen<\/h3>\n
In Deutschland ist das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/strong> zentral, um den EAA in nationales Recht zu \u00fcberf\u00fchren. Dieses Gesetz legt fest, dass definierte Websites und mobilen Anwendungen bis zum 28. Juni 2025 barrierefrei sein m\u00fcssen. Es schreibt vor, dass diese digitalen Angebote die Web Content Accessibility Guidelines (WCAG) 2.2 einhalten m\u00fcssen, um die Zug\u00e4nglichkeit f\u00fcr alle Nutzer sicherzustellen.<\/p>\n
F\u00fcr \u00f6ffentliche Stellen ist die Barrierefreie-Informationstechnik-Verordnung (BITV)<\/strong> relevant, die sicherstellt, dass Websites und mobile Anwendungen \u00f6ffentlicher Stellen die WCAG 2.1 erf\u00fcllen m\u00fcssen. Diese Verordnung legt die Standards f\u00fcr die digitale Barrierefreiheit im \u00f6ffentlichen Sektor fest.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text text_direction=“default“]\n
Standards zur Barrierefreiheit<\/h2>\n
Die Web Content Accessibility Guidelines (WCAG)<\/strong> bieten detaillierte Richtlinien zur Barrierefreiheit digitaler Inhalte. Die WCAG 2.1 und die aktualisierte WCAG 2.2 umfassen Prinzipien wie Wahrnehmbarkeit, Bedienbarkeit, Verst\u00e4ndlichkeit und Robustheit, die sicherstellen, dass Websites f\u00fcr alle Nutzer zug\u00e4nglich sind. Diese Standards fordern unter anderem ausreichenden Kontrast, Textalternativen f\u00fcr Bilder und anpassbare Schriftgr\u00f6\u00dfen.[\/vc_column_text]
Die WCAG 2.2 Standards umfassen:<\/p>\n\n
- Wahrnehmbarkeit:<\/strong> Inhalte m\u00fcssen f\u00fcr alle Nutzer erkennbar sein.<\/li>\n
- Bedienbarkeit:<\/strong> Alle Funktionalit\u00e4ten m\u00fcssen mit einer Vielzahl von Eingabemethoden zug\u00e4nglich sein.<\/li>\n
- Verst\u00e4ndlichkeit:<\/strong> Informationen und Bedienung der Benutzeroberfl\u00e4che m\u00fcssen verst\u00e4ndlich sein.<\/li>\n
- Robustheit:<\/strong> Inhalte m\u00fcssen zuverl\u00e4ssig von einer Vielzahl von Nutzeragenten interpretiert werden k\u00f6nnen.<\/li>\n<\/ul>\n
Zus\u00e4tzlich gibt es die EN 301 549<\/strong>, eine europ\u00e4ische Norm, die spezifische technische Anforderungen und Testmethoden f\u00fcr die Barrierefreiheit von ICT-Produkten und -Dienstleistungen beschreibt. Sie deckt Hardware, Software und Webinhalte ab.<\/p>\n
F\u00fcr barrierefreie PDF-Dokumente ist der PDF\/UA-Standard<\/strong> ma\u00dfgeblich, der als ISO-Standard definiert ist. Dieser Standard stellt sicher, dass PDF-Dokumente so gestaltet sind, dass sie von allen Nutzer, einschlie\u00dflich Menschen mit Behinderungen, vollst\u00e4ndig genutzt werden k\u00f6nnen. <\/div>[vc_column_text text_direction=“default“]\n
\u00dcbersicht von BITV 2.0 und WCAG 2.1<\/h3>\n
BITV 2.0 beruht auf dem europ\u00e4ischen WCAG 2.1 Standard, doch es gibt noch Unterschiede. Wir zeigen Sie Ihnen in der \u00dcbersicht:<\/p>\n