{"id":24429,"date":"2024-08-28T15:35:37","date_gmt":"2024-08-28T13:35:37","guid":{"rendered":"https:\/\/www.dmcgroup.eu\/?p=24429"},"modified":"2025-03-13T14:15:59","modified_gmt":"2025-03-13T13:15:59","slug":"your-checklist-for-accessible-web-design","status":"publish","type":"post","link":"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/","title":{"rendered":"Your checklist for accessible web design"},"content":{"rendered":"[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#000000&#8243; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;light&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; id=&#8221;about&#8221; overlay_strength=&#8221;0.5&#8243; gradient_direction=&#8221;top_to_bottom&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221; gradient_type=&#8221;default&#8221;][vc_column column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;grow-in&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_78 counter-hierarchy ez-toc-counter ez-toc-black ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Your_checklist_for_accessible_web_design\" >Your checklist for accessible web design<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Make_your_digital_products_accessible_to_everyone\" >Make your digital products accessible to everyone.<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Every_digital_product_or_service_benefits_considerably_from_accessible_design\" >Every digital product or service benefits considerably from accessible design.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#What_you_can_expect_in_the_article\" >What you can expect in the article:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#What_does_accessible_design_mean\" >What does accessible design mean?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Why_is_accessible_web_design_useful\" >Why is accessible web design useful?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Understanding_of_user_types_and_supporting_technologies\" >Understanding of user types and supporting technologies<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Size_and_legibility\" >Size and legibility<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Adequate_text_size_for_readability\" >Adequate text size for readability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Text_scalability\" >Text scalability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Buttons_and_links_The_size_of_interactive_elements\" >Buttons and links: The size of interactive elements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Visual_hierarchy\" >Visual hierarchy<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Colour_and_contrast\" >Colour and contrast<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Sufficient_contrast_for_meaningful_information\" >Sufficient contrast for meaningful information<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Multi-sensory_information\" >Multi-sensory information<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Structural_considerations\" >Structural considerations<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Page_title\" >Page title<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Keyboard_accessibility\" >Keyboard accessibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Skipping_links\" >Skipping links<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Avoiding_deactivated_elements_and_focus_traps\" >Avoiding deactivated elements and focus traps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Forms_with_sections_and_proper_labelling\" >Forms with sections and proper labelling<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Tables\" >Tables<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Zoom_and_orientation\" >Zoom and orientation<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Text_to_convey_meaning\" >Text to convey meaning<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Alternative_texts_for_images\" >Alternative texts for images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Accessible_links\" >Accessible links<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Time-based_content_and_animations\" >Time-based content and animations<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Accessibility_of_animations\" >Accessibility of animations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Subtitles_and_transcripts\" >Subtitles and transcripts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Sufficient_time\" >Sufficient time<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Accessible_design_should_not_be_an_afterthought\" >Accessible design should not be an afterthought<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/www.dmcgroup.eu\/en\/blog\/user-experience\/your-checklist-for-accessible-web-design\/#Read_more_about_User_Experience_Innovation_Trends_Online_Marketing_Co\" >Read more about User Experience, Innovation, Trends, Online Marketing Co.<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Your_checklist_for_accessible_web_design\"><\/span>Your checklist for accessible web design<span class=\"ez-toc-section-end\"><\/span><\/h1>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h2><span class=\"ez-toc-section\" id=\"Make_your_digital_products_accessible_to_everyone\"><\/span>Make your digital products accessible to everyone.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]by Philipp Brunner[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;right&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]28.08.2024[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][image_with_animation image_url=&#8221;24422&#8243; image_size=&#8221;full&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#000000&#8243; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;light&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.5&#8243; gradient_direction=&#8221;top_to_bottom&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221; gradient_type=&#8221;default&#8221;][vc_column column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;grow-in&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;3\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bottom_padding=&#8221;40&#8243; bottom_padding_tablet=&#8221;34&#8243; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Every_digital_product_or_service_benefits_considerably_from_accessible_design\"><\/span>Every digital product or service benefits considerably from accessible design.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][divider line_type=&#8221;Full Width Line&#8221; line_thickness=&#8221;1&#8243; divider_color=&#8221;default&#8221; animate=&#8221;yes&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]Digital products, from websites and apps to digital service kiosks, should be accessible to everyone. After all, the strength of digital lies in its ability to serve individual needs through customisability. Accessible web design aims to make digital products usable for everyone, regardless of their individual abilities and limitations. This includes not only taking into account permanent physical or cognitive impairments, but also a variety of circumstances and needs that users may have at certain points in their lives. As a UX agency, our goal is to make digital experiences accessible for all users. With this in mind, we share our best tips for accessible web design so that your website is not only aesthetically pleasing, but also easily accessible for people with different abilities.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"What_you_can_expect_in_the_article\"><\/span>What you can expect in the article:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><a href=\"#barrierefrei\">What is accessible web design?<\/a><\/li>\n<li><a href=\"#sinnvoll\">Why is accessible web design useful?<\/a><\/li>\n<li><a href=\"#assistiven\">Understanding of user types and supporting technologies<\/a><\/li>\n<li><a href=\"#groesse\">Size and readability<\/a><\/li>\n<li><a href=\"#farbe\">Colour and contrast<\/a><\/li>\n<li><a href=\"#strukturelle\">Structural considerations<\/a><\/li>\n<li><a href=\"#text\">Text for conveying meaning<\/a><\/li>\n<li><a href=\"#ueberlegungen\">Time-based content and animations<\/a><\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;barrierefrei&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"What_does_accessible_design_mean\"><\/span><span lang=\"DE-AT\">What does accessible design mean? <\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Essentially, an accessible product enables people to perceive, navigate and interact with it seamlessly, as effortlessly as possible. Accessible design aims to create products that cater for diverse needs and preferences, making digital experiences inclusive and accessible to all.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;sinnvoll&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Why_is_accessible_web_design_useful\"><\/span>Why is accessible web design useful?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Accessible design is not just nice to have; it is a legal obligation in most national and supranational jurisdictions. Laws such as the <a href=\"https:\/\/www.dmcgroup.eu\/en\/focus\/digital-product-design-in-line-with-the-european-accessibility-act\/\" target=\"_blank\" rel=\"noopener\">European Accessibility Act<\/a> stipulate that digital products must be accessible to all users. In addition to legal obligations, there are compelling reasons why accessibility should be prioritised in digital design:<\/p>\n<ul>\n<li><strong>Greater reach:<\/strong> Accessible websites and apps are not only easier for people with disabilities to use, but also easier for search engines to index. This means you are easier for everyone to find and can potentially expand your audience.<\/li>\n<li><strong>Ageing population:<\/strong> As the population ages, the need for accessible design becomes even more important. Taking into account people with declining vision, hearing or mobility ensures that your products remain relevant and usable.<\/li>\n<li><strong>Competitive advantage:<\/strong> Investing in accessible design gives your organisation a competitive advantage. By catering to a diverse audience, you position yourself as inclusive and responsive to users&#8217; needs, which can improve brand reputation and customer loyalty.<\/li>\n<li><strong>Legal compliance:<\/strong> Many international laws prescribe accessibility standards for digital products. Compliance not only minimises legal risks, but also demonstrates a commitment to social responsibility and inclusivity.<\/li>\n<li><strong>Inclusion:<\/strong> Ultimately, accessible design is about giving all users a sense of belonging. Everyone deserves to feel welcome and included in the digital space, regardless of their abilities or limitations.<\/li>\n<\/ul>\n<p>Contrary to common misconceptions, the implementation of accessibility features does not necessarily compromise visual aesthetics. The majority of accessibility improvements can be made \u2018below\u2019 the surface of the visual user interface by optimising the semantic structure of the source code and adding important attributes and parameters.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;assistiven&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Understanding_of_user_types_and_supporting_technologies\"><\/span>Understanding of user types and supporting technologies<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>When designing for accessibility, it is crucial to consider different types of users and the assistive technologies they use:<\/p>\n<ul>\n<li><strong>Screen reader users:<\/strong> People with visual impairments rely on screen readers to navigate digital content. Design considerations include providing text alternatives for all content, ensuring keyboard operability and providing instant feedback on user actions.<\/li>\n<li><strong>Braille display users<\/strong>: Deafblind people often rely on the use of braille displays to enable tactile interaction with a digital product. The simplification of design elements and the provision of text-based alternatives for multimedia content are essential conditions for the support of braille displays.<\/li>\n<li><strong>Screen zoom users:<\/strong> People with visual impairments use screen magnifiers to enlarge content. Designing with sufficient contrast, clear hover\/focus states and fully scalable interfaces meets their needs.<\/li>\n<li><strong>Users of subtitles and transcripts:<\/strong> People who are deaf or hard of hearing are dependent on subtitles and transcripts for multimedia content. The inclusion of subtitles for videos and transcripts for audio ensures accessibility for this user group.<\/li>\n<li><strong>Keyboard users:<\/strong> For people with motor impairments, there is no alternative to operating a digital interface via the keyboard. Therefore, full keyboard operability improves accessibility for this user group.<\/li>\n<li><strong>Voice control users:<\/strong> Users with motor impairments can alternatively use voice control to use a digital product. Although voice control can improve accessibility, it is important not to rely solely on this function and to consider possible limitations such as stuttering.<\/li>\n<\/ul>\n[\/vc_column_text][image_with_animation image_url=&#8221;24297&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50px&#8221; margin_bottom=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]In order to achieve accessible design, a variety of measures must be considered and implemented. The specific measures vary from case to case, as they depend heavily on factors such as the relevant target groups and their specific needs and abilities, as well as the product and the touchpoints\/platforms. We have summarised some of the most important points for you below.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;64&#8243; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#dcdcdc&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; id=&#8221;meet&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column constrain_group_101=&#8221;yes&#8221; constrain_group_103=&#8221;yes&#8221; constrain_group_105=&#8221;yes&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; centered_text=&#8221;true&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;reveal-from-bottom&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_responsive_text font_size_min=&#8221;56px&#8221; font_size_max=&#8221;100px&#8221; class_name=&#8221;dmc-font-comba&#8221; font_size_desktop=&#8221;7vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">Need<\/p>\n[\/nectar_responsive_text][nectar_responsive_text font_size_min=&#8221;72px&#8221; font_size_max=&#8221;130px&#8221; class_name=&#8221;dmc-font-times&#8221; font_size_desktop=&#8221;9vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">help?<\/p>\n[\/nectar_responsive_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner left_padding_desktop=&#8221;16%&#8221; constrain_group_101=&#8221;yes&#8221; right_padding_desktop=&#8221;16%&#8221; left_padding_tablet=&#8221;8%&#8221; constrain_group_103=&#8221;yes&#8221; right_padding_tablet=&#8221;8%&#8221; left_padding_phone=&#8221;4%&#8221; constrain_group_105=&#8221;yes&#8221; right_padding_phone=&#8221;4%&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]We are experts in accessible web design. Our dedicated team of designers, developers and content managers work hand in hand to take your digital presence to the next level and make it accessible. Ready for the next step? Contact us and find out more about our services.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;48&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_cta btn_style=&#8221;basic&#8221; heading_tag=&#8221;span&#8221; border_radius=&#8221;32&#8243; button_color=&#8221;extra-color-1&#8243; button_color_hover=&#8221;#000000&#8243; text_color=&#8221;#ffffff&#8221; text_color_hover=&#8221;#ffffff&#8221; button_border_color=&#8221;#781cff&#8221; button_border_color_hover=&#8221;#000000&#8243; button_border_thickness=&#8221;2px&#8221; link_type=&#8221;regular&#8221; alignment=&#8221;center&#8221; alignment_tablet=&#8221;default&#8221; alignment_phone=&#8221;default&#8221; constrain_group_1=&#8221;yes&#8221; constrain_group_3=&#8221;yes&#8221; constrain_group_4=&#8221;yes&#8221; display=&#8221;block&#8221; display_tablet=&#8221;inherit&#8221; display_phone=&#8221;inherit&#8221; icon_family=&#8221;none&#8221; link_text=&#8221;Contact us now&#8221; padding_top=&#8221;16&#8243; padding_bottom=&#8221;16&#8243; padding_left=&#8221;48&#8243; padding_right=&#8221;48&#8243; url=&#8221;https:\/\/www.dmcgroup.eu\/en\/contact\/&#8221; margin_top=&#8221;16&#8243; margin_bottom=&#8221;16&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#000000&#8243; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;light&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.5&#8243; gradient_direction=&#8221;top_to_bottom&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221; gradient_type=&#8221;default&#8221;][vc_column column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;grow-in&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;3\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;groesse&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Size_and_legibility\"><\/span>Size and legibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>One of the key points in terms of usable and readable information concerns the size of texts and interactive elements.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Adequate_text_size_for_readability\"><\/span>Adequate text size for readability<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The ideal text size for optimum readability depends on various factors, such as the average visual acuity of the relevant target groups: Are they mainly young or rather older people &#8211; or are there a disproportionate number of people with visual impairments in the relevant target groups? The <a href=\"https:\/\/www.typografie.info\/3\/artikel.htm\/wissen\/din1450-leserlichkeit\/\" target=\"_blank\" rel=\"noopener\">DIN-1450 standard<\/a> contains recommendations for text size based on \u2018normal\u2019 visual acuity, specified with a minimum of 70% &#8211; the visual acuity that prevails in the majority of the population. Together with other factors such as typical lighting conditions, viewing distance and the characteristics of the selected font (ratio of x-height of the font to the font size), the minimum text sizes for optimum readability can be calculated. In this context, the font size calculator of the <a href=\"https:\/\/www.leserlich.info\/werkzeuge\/schriftgroessenrechner\/index-en.php\" target=\"_blank\" rel=\"noopener\">German Association for the Blind and Visually Impaired<\/a> is highly recommended.[\/vc_column_text][image_with_animation image_url=&#8221;24304&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]For most web-based projects, no calculation work is necessary as basic rules of thumb are known. For very specialised project setups with unusual devices or target groups, however, the effort is recommended in any case. For the redesign of the <a href=\"https:\/\/www.dmcgroup.eu\/en\/project\/erste-bank-und-sparkassen-concept-design-and-frontend-development\/\" target=\"_blank\" rel=\"noopener\">user interface of ATMs for a bank<\/a>, for example, we specifically derived the minimum sizes for text and interactive elements using applicable standards. For standard web design, a minimum font size of 16px is often recommended for continuous text. Larger is better in most cases in order to guarantee optimum readability without adjusting the browser settings. Equally important for good readability are factors such as line height (which should be at least 1.5 times the font size) and choosing the right font for the amount of text and the medium. In general, dynamic sans serif fonts with open characters are more legible than serif fonts or geometric sans serifs.[\/vc_column_text][image_with_animation image_url=&#8221;24309&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Text_scalability\"><\/span>Text scalability<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Even more important than selecting the right minimum font size is giving users the option of scaling the text according to their own preferences by using the settings of the operating system or browser. This is ensured if text content in the source code is also available as text. You should test your layout to support text scaling of up to 200% without the risk of reading difficulties or unusability of the page. This is <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/resize-text.html\" target=\"_blank\" rel=\"noopener\">the success criterion defined by the WCAG.<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Buttons_and_links_The_size_of_interactive_elements\"><\/span>Buttons and links: The size of interactive elements<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>In addition to the size of text, the size of user interface elements that trigger actions is crucial. Buttons, menu items, form fields and other interactive elements must be large enough to be easily tapped or clicked, especially on touch devices. The <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/target-size.html\" target=\"_blank\" rel=\"noopener\">Web Accessibility Initiative of the W3C recommends a minimum size of 44\u00d744 CSS pixels<\/a>, as do the Apple User Interface Guidelines. Google relies on a <a href=\"https:\/\/m3.material.io\/foundations\/designing\/structure\" target=\"_blank\" rel=\"noopener\">recommendation of 48\u00d748 resolution-independent pixels<\/a> for touch targets.[\/vc_column_text][image_with_animation image_url=&#8221;24313&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]However, these minimum sizes do not have to directly influence the visual design: the underlying click\/touch target can of course be larger than the visual representation of the element in order to achieve a more light-footed display. To avoid accidental clicks or touching of neighbouring buttons or links, a minimum distance of 8 resolution-independent pixels should be maintained between the clickable elements.[\/vc_column_text][image_with_animation image_url=&#8221;24315&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Visual_hierarchy\"><\/span>Visual hierarchy<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>A clear visual hierarchy, manifested <strong>through text size differences and spacing rules<\/strong>, helps users to better navigate and understand the content. Headings should be used to clearly structure content, with larger text sizes conveying greater meaning. As a rule of thumb, each web page should only use one H1 heading at a time. It is the most important heading on the page and must communicate the overall theme or goal of the page. It should therefore also use the largest font size. In addition to the <strong>H1, other headings should be used to group the information properly<\/strong> and make the text easier to read. <strong>A clear hierarchy from H1 to H6<\/strong> should be used to enrich the text with semantic information. Headings should be used consecutively within each section of content.[\/vc_column_text][image_with_animation image_url=&#8221;24320&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]Accessible design requires well-structured content and the proper use of semantic markers for headings and lists.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;farbe&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Colour_and_contrast\"><\/span>Colour and contrast<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Colour and contrast ratios have a major influence on whether content can be perceived by as many users as possible.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Sufficient_contrast_for_meaningful_information\"><\/span>Sufficient contrast for meaningful information<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Text and interactive elements must have sufficient contrast to the background to ensure legibility and recognisability. The <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum\" target=\"_blank\" rel=\"noopener\">WCAG defines specific contrast ratios<\/a> to guarantee sufficient legibility and recognisability at different levels.[\/vc_column_text][image_with_animation image_url=&#8221;24323&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]To fulfil the <strong>requirements of Level AA<\/strong>, the <strong>minimum contrast ratio between text and background for normal text is 4.5:1,<\/strong> while 3:1 is required for large text (at least 18pt or 14pt bold) and UI components. Meeting the <strong>requirements of Level AAA<\/strong> requires a higher standard, with normal text requiring a <strong>contrast ratio of 7:1<\/strong> and large text a ratio of 4.5:1. Maintaining these ratios not only ensures compliance with accessibility standards, but also improves the usability and inclusivity of digital content for all users.[\/vc_column_text][image_with_animation image_url=&#8221;24326&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Multi-sensory_information\"><\/span>Multi-sensory information<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Do not rely solely on colour to convey important information. People who cannot distinguish certain colours would miss the information conveyed by colour. Visual elements such as icons that are essential to understanding must be accompanied by descriptive text. This ensures that this information is accessible to all users, including those with colour blindness or visual impairments. Accessible design requires that relevant information or user interface elements utilise more than just one sensory channel. Underlined links, for example, can also be recognised by colour-blind people in continuous text. In contrast, links that only use a different text colour as a distinguishing feature could be overlooked.[\/vc_column_text][image_with_animation image_url=&#8221;24332&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;strukturelle&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Structural_considerations\"><\/span>Structural considerations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A well-structured layout and clear navigation improve the user-friendliness and accessibility of digital products.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Page_title\"><\/span>Page title<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Each page should have a clearly descriptive title that accurately reflects its content or purpose. This helps users to understand the context of the page, especially when using assistive technologies such as screen readers. In addition, a concise and meaningful page title that summarises the topic of the page has a big impact on the page&#8217;s ranking by search engines.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Keyboard_accessibility\"><\/span>Keyboard accessibility<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The ability to interact with a digital product using more than just mouse or touch input is crucial for accessibility. Make sure that all interactive elements such as buttons, menu items and links are also accessible via keyboard navigation. This ensures compatibility with various assistive technologies and supports users with motor impairments who cannot use mouse or touch gesture input.[\/vc_column_text][image_with_animation image_url=&#8221;24335&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]In addition, the correct tab order ensures logical navigation for keyboard users. Focus states are essential for all interactive controls to support navigating a page via keyboard input. Browsers apply their own style of focus states by default, but implementing your own customised focus states is recommended. The tab order must reflect the logical flow of information and not the order of the elements in the markup.[\/vc_column_text][image_with_animation image_url=&#8221;24339&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Skipping_links\"><\/span>Skipping links<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Skip links at the top of the page allow users to skip redundant content such as navigation and headers and go straight to the main content. This feature is particularly useful for screen reader users who would otherwise have to navigate through multiple menus and links on each page. The proper use of HTML\/ARIA landmarks (header, nav, main, footer) semantically improves the structure of the website. It points screen readers directly to the right place in the content.[\/vc_column_text][image_with_animation image_url=&#8221;24342&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Avoiding_deactivated_elements_and_focus_traps\"><\/span>Avoiding deactivated elements and focus traps<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Deaktivierte Formularfelder oder Schaltfl\u00e4chen k\u00f6nnen Usability-Probleme verursachen, sind aber auch besonders unzug\u00e4nglich. Standardm\u00e4\u00dfig sind sie nicht fokussierbar f\u00fcr Personen, die die Tastatur oder andere assistive Technologien verwenden, um durch ein Formular zu navigieren. Daher k\u00f6nnen solche Benutzer:innen leicht \u00fcbersehen, dass das Element \u00fcberhaupt existiert. So kann beispielsweise in einem Web-Formular die deaktivierte Schaltfl\u00e4che der einzige Hinweis f\u00fcr Nutzer:innen sein, dass einige Eingaben noch fehlen oder ung\u00fcltig sind. Benutzer:innen assistiver Technologien werden gar keinen Hinweis darauf erhalten, dass fehlerhafte Eingaben vorliegen &#8211; und daran scheitern, fortzufahren. Am Besten ist es, <strong>deaktivierte Elemente ganz zu vermeiden<\/strong>. Popup- oder Modalfenster, die \u00fcber der eigentlichen Benutzeroberfl\u00e4che liegen, bringen oft die Tab-Reihenfolge durcheinander oder sind \u00fcber die Tastatur gar nicht errecihbar. Das gilt \u00fcbrigens auch f\u00fcr viele Drittanbieter-Add-Ons wie Cookie-Benachrichtigungsbanner. Daher sollte die Implementierung solcher Patterns mit besonderer Sorgfalt erfolgen, sofern sie nicht g\u00e4nzlich vermieden werden k\u00f6nnen.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Forms_with_sections_and_proper_labelling\"><\/span>Forms with sections and proper labelling<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Accessible forms require keyboard operability as an alternative to mouse or touch input. Therefore, each form field needs clear focus states to provide good orientation for keyboard users. Form fields should also be supported by clear and descriptive labels to communicate their purpose or the expected input. Proper and always visible labelling helps all users to understand the form and fill it out correctly. It is important to provide all necessary contextual information for the respective field. This way, assistive technology users get all the information they need to complete the form when they need it.[\/vc_column_text][image_with_animation image_url=&#8221;24345&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]Forms should be <strong>clearly structured<\/strong> with &lt;fieldset&gt; and &lt;legend&gt; tags in the frontend code. All control elements should be placed in the immediate vicinity of the form elements they are intended to control. For example, \u2018Edit\u2019 or \u2018Delete\u2019 buttons only make sense directly next to the elements they influence. Required form fields are often marked with an asterisk in conventional form design. A practice that doesn&#8217;t make much sense for screen reader users. An ideal approach would be a form that only consists of required mandatory fields and has no optional fields at all. In addition, required fields should be appropriately labelled in the frontend code by using the <a href=\"https:\/\/www.smashingmagazine.com\/2023\/02\/guide-accessible-form-validation\/#the-flaws-in-default-validations\" target=\"_blank\" rel=\"noopener\">aria-required attribute<\/a>. A similar attribute could be used to hide field hints like an asterisk from screen readers. Accessible validation of forms is another complex topic. It requires many code-side measures such as the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/ARIA\" target=\"_blank\" rel=\"noopener\">use of ARIA attributes<\/a>. For all users, forms require clear error messages and sufficient information to be able to correct errors.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Tables\"><\/span>Tables<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>When using data tables, it is important to map columns and rows semantically correctly in the source code. Table captions can provide additional explanations of the data material. For complex tables, you should consider simplifying the presentation or providing additional explanations to improve comprehension. Summarising the message of the data material improves usability for people using a screen reader.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Zoom_and_orientation\"><\/span>Zoom and orientation<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>User interfaces should allow content to be enlarged or zoomed without compromising functionality or layout. Also ensure that websites are usable in both portrait and landscape formats to accommodate user preferences and device capabilities.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;64&#8243; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#dcdcdc&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; id=&#8221;meet&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column constrain_group_101=&#8221;yes&#8221; constrain_group_103=&#8221;yes&#8221; constrain_group_105=&#8221;yes&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; centered_text=&#8221;true&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;reveal-from-bottom&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_responsive_text font_size_min=&#8221;56px&#8221; font_size_max=&#8221;100px&#8221; class_name=&#8221;dmc-font-comba&#8221; font_size_desktop=&#8221;7vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">Need<\/p>\n[\/nectar_responsive_text][nectar_responsive_text font_size_min=&#8221;72px&#8221; font_size_max=&#8221;130px&#8221; class_name=&#8221;dmc-font-times&#8221; font_size_desktop=&#8221;9vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">help?<\/p>\n[\/nectar_responsive_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner left_padding_desktop=&#8221;16%&#8221; constrain_group_101=&#8221;yes&#8221; right_padding_desktop=&#8221;16%&#8221; left_padding_tablet=&#8221;8%&#8221; constrain_group_103=&#8221;yes&#8221; right_padding_tablet=&#8221;8%&#8221; left_padding_phone=&#8221;4%&#8221; constrain_group_105=&#8221;yes&#8221; right_padding_phone=&#8221;4%&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]As a digital UX agency, we support you in optimising your online presence and making it accessible. Together, we create user experiences that are accessible and compelling for everyone.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;48&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_cta btn_style=&#8221;basic&#8221; heading_tag=&#8221;span&#8221; border_radius=&#8221;32&#8243; button_color=&#8221;extra-color-1&#8243; button_color_hover=&#8221;#000000&#8243; text_color=&#8221;#ffffff&#8221; text_color_hover=&#8221;#ffffff&#8221; button_border_color=&#8221;#781cff&#8221; button_border_color_hover=&#8221;#000000&#8243; button_border_thickness=&#8221;2px&#8221; link_type=&#8221;regular&#8221; alignment=&#8221;center&#8221; alignment_tablet=&#8221;default&#8221; alignment_phone=&#8221;default&#8221; constrain_group_1=&#8221;yes&#8221; constrain_group_3=&#8221;yes&#8221; constrain_group_4=&#8221;yes&#8221; display=&#8221;block&#8221; display_tablet=&#8221;inherit&#8221; display_phone=&#8221;inherit&#8221; icon_family=&#8221;none&#8221; link_text=&#8221;Improve accessibility now&#8221; padding_top=&#8221;16&#8243; padding_bottom=&#8221;16&#8243; padding_left=&#8221;48&#8243; padding_right=&#8221;48&#8243; url=&#8221;https:\/\/www.dmcgroup.eu\/en\/contact\/&#8221; margin_top=&#8221;16&#8243; margin_bottom=&#8221;16&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#000000&#8243; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;light&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.5&#8243; gradient_direction=&#8221;top_to_bottom&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221; gradient_type=&#8221;default&#8221;][vc_column column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;grow-in&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;advanced&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;3\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;text&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Text_to_convey_meaning\"><\/span>Text to convey meaning<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Textual content should be structured and concise to appeal to users with different reading or concentration abilities. Use clear and understandable language to avoid confusion and ensure that the intent of the content is clearly communicated.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Alternative_texts_for_images\"><\/span>Alternative texts for images<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><strong>Providing descriptive alt text for images<\/strong> is essential for screen reader users. The alt text should convey the purpose or content of the image. A basic distinction must be made here between essential content and decorative elements. <strong>Images should contain a descriptive alternative text that conveys their purpose or content for users.<\/strong> Alt texts should be concise yet <strong>informative and provide important<\/strong> contextual information about the image that would otherwise only be available by viewing the image. In addition, the alt text of an image has an<strong> impact on SEO<\/strong> and can help to increase the visibility of your website and content. A simple rule of thumb: if removing an image would reduce the information value of the page for users, the image is informative and needs <strong>alternative text.<\/strong> The right alternative text depends on the context in which the image is used. Complex images such as diagrams or very detailed and relevant illustrations require specific descriptions. In this case, the alternative text should only provide an overview and refer to a more detailed description below the diagram\/image. Images that do not add any informational value or are only included for decorative purposes do not require alternative texts.<strong> In this case, the alt tag should remain empty.<\/strong>[\/vc_column_text][image_with_animation image_url=&#8221;24348&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h4><span class=\"ez-toc-section\" id=\"Accessible_links\"><\/span>Accessible links<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><strong>Links should have meaningful and descriptive anchor texts<\/strong> <strong>that convey their purpose or goal.<\/strong> Do not use vague or ambiguous link text such as \u2018click here\u2019 or \u2018more\u2019. These generic terms can be confusing to users, especially when taken out of context. Short generic link texts for article previews can still be used as long as they contain a meaningful, more detailed link text in the code. Accessible link texts should make sense without additional information. Just ask yourself: Is the purpose or goal of the link revealed?[\/vc_column_text][image_with_animation image_url=&#8221;24351&#8243; image_size=&#8221;large&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; constrain_group_1=&#8221;yes&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;50&#8243; margin_bottom=&#8221;50&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;40&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;40&#8243; top_padding_tablet=&#8221;34&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;34&#8243; top_padding_phone=&#8221;28&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;28&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221; el_id=&#8221;ueberlegungen&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<h3><span class=\"ez-toc-section\" id=\"Time-based_content_and_animations\"><\/span>Time-based content and animations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Animated content can add variety and uniqueness to a digital service or product. However, certain precautions should be taken to ensure accessible design.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Accessibility_of_animations\"><\/span>Accessibility of animations<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><strong>Avoid the use of high-frequency animations or animated images<\/strong> with more than 3 \u2018flashes\u2019 per second. These high-frequency animations can cause distractions or discomfort, including epileptic seizures for some users. <strong>Always offer options to pause or control animations<\/strong> to suit individual preferences and needs. This is especially important for video content longer than 5 seconds. In addition, audio and video material should never be played automatically. This is annoying for everyone, but especially for people who have no way of stopping the playback immediately.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Subtitles_and_transcripts\"><\/span>Subtitles and transcripts<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Videos should include <strong>synchronised subtitles<\/strong> to make the content accessible to users who are deaf or hard of hearing. In addition, audio descriptions may be required to convey important visual information to users who cannot see the video. Subtitles in multiple languages are also extremely useful for people who do not speak the language of the medium. This is also an accessibility issue if parts of your audience speak other languages. <strong>Audio content requires a transcript to be accessible to people with hearing impairments.<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Sufficient_time\"><\/span>Sufficient time<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Users with restrictions may need more time to complete tasks than others. Therefore, these users must be given enough time to respond to things like session timeouts, re-authentication or other timed events. Therefore, <strong>provide a calm environment for reading and interaction by offering customisation options for time limits<\/strong>. Or better yet, <strong>remove the need for timed interactions altogether.<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Accessible_design_should_not_be_an_afterthought\"><\/span>Accessible design should not be an afterthought<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Accessible design is a complex topic. Each of the measures summarised on this page would require separate articles to discuss them in detail. Therefore, accessible design should be considered from the very beginning of a project. The goal must be pursued by the entire team through every step of the digital design process. Accessible design requires building knowledge, experience and empathy in teams to get started. Ultimately, however, every digital product or service benefits significantly from accessible design. Accessible design is not only an ethical obligation, but significantly improves the usability and inclusivity of digital products. By considering the various aspects that influence accessibility, designers can ensure that their products are suitable for a wide range of users, regardless of their abilities or limitations.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/5&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;64&#8243; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;column_reverse&#8221; bg_color=&#8221;#dcdcdc&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; id=&#8221;contact&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;padding-4-percent&#8221; column_padding_tablet=&#8221;padding-8-percent&#8221; column_padding_phone=&#8221;padding-4-percent&#8221; column_padding_position=&#8221;left-right&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text text_direction=&#8221;default&#8221;]From the latest industry trends and the latest insights into AI and UX\/UI design to exciting use cases. Sign up for our monthly newsletter and stay up to date![\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;48&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_cta btn_style=&#8221;basic&#8221; heading_tag=&#8221;span&#8221; border_radius=&#8221;32&#8243; button_color=&#8221;extra-color-1&#8243; button_color_hover=&#8221;#000000&#8243; text_color=&#8221;#ffffff&#8221; text_color_hover=&#8221;#ffffff&#8221; button_border_color=&#8221;#781cff&#8221; button_border_color_hover=&#8221;#000000&#8243; button_border_thickness=&#8221;2px&#8221; link_type=&#8221;regular&#8221; alignment=&#8221;left&#8221; alignment_tablet=&#8221;default&#8221; alignment_phone=&#8221;center&#8221; constrain_group_1=&#8221;yes&#8221; constrain_group_3=&#8221;yes&#8221; constrain_group_4=&#8221;yes&#8221; display=&#8221;block&#8221; display_tablet=&#8221;inherit&#8221; display_phone=&#8221;inherit&#8221; icon_family=&#8221;none&#8221; link_text=&#8221;Sign up now&#8221; padding_top=&#8221;16&#8243; padding_bottom=&#8221;16&#8243; padding_left=&#8221;48&#8243; padding_right=&#8221;48&#8243; url=&#8221;https:\/\/www.dmcgroup.eu\/en\/newsletter\/&#8221; margin_top=&#8221;16&#8243; margin_bottom=&#8221;16&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=&#8221;padding-4-percent&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;left-right&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;fade-in-from-right&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;64&#8243; top_padding_tablet=&#8221;48&#8243; top_padding_phone=&#8221;32&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_responsive_text font_size_min=&#8221;56px&#8221; font_size_max=&#8221;100px&#8221; class_name=&#8221;dmc-font-comba&#8221; font_size_desktop=&#8221;7vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">Stay<\/p>\n[\/nectar_responsive_text][nectar_responsive_text font_size_min=&#8221;72px&#8221; font_size_max=&#8221;130px&#8221; class_name=&#8221;dmc-font-times&#8221; font_size_desktop=&#8221;9vw&#8221; font_line_height=&#8221;100%&#8221; text_direction=&#8221;default&#8221;]\n<p role=\"heading\">tuned<\/p>\n[\/nectar_responsive_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;64px&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#000000&#8243; scene_position=&#8221;center&#8221; top_padding=&#8221;120&#8243; constrain_group_1=&#8221;yes&#8221; bottom_padding=&#8221;120&#8243; top_padding_tablet=&#8221;100&#8243; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;100&#8243; top_padding_phone=&#8221;80&#8243; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;80&#8243; text_color=&#8221;light&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bottom_padding=&#8221;32&#8243; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_responsive_text font_size_min=&#8221;56px&#8221; font_size_max=&#8221;110px&#8221; class_name=&#8221;dmc-font-sloke&#8221; font_size_desktop=&#8221;5vw&#8221; text_direction=&#8221;default&#8221; font_line_height=&#8221;100%&#8221;]\n<p role=\"heading\">More articles<\/p>\n[\/nectar_responsive_text][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<div id=\"fws_662a059b64ff8\" class=\"wpb_row vc_row-fluid vc_row inner_row\" data-midnight=\"\" data-column-margin=\"default\">\n<div class=\"row_col_wrap_12_inner col span_12 left\">\n<div class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\">\n<div class=\"vc_column-inner\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<div id=\"fws_6606b6a25d522\" class=\"wpb_row vc_row-fluid vc_row inner_row\" data-midnight=\"\" data-column-margin=\"default\">\n<div class=\"row_col_wrap_12_inner col span_12 left\">\n<div class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\">\n<div class=\"vc_column-inner\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h3><span class=\"ez-toc-section\" id=\"Read_more_about_User_Experience_Innovation_Trends_Online_Marketing_Co\"><\/span>Read more about User Experience, Innovation, Trends, Online Marketing Co.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][nectar_post_grid post_type=&#8221;post&#8221; blog_category=&#8221;user-experience&#8221; order=&#8221;DESC&#8221; orderby=&#8221;date&#8221; pagination=&#8221;load-more&#8221; button_color=&#8221;extra-color-2&#8243; columns=&#8221;2&#8243; columns_tablet=&#8221;default&#8221; columns_phone=&#8221;default&#8221; grid_item_spacing=&#8221;10px&#8221; grid_item_height=&#8221;40vh&#8221; image_size=&#8221;large&#8221; image_loading=&#8221;default&#8221; animation=&#8221;fade-in-from-bottom&#8221; animation_stagger=&#8221;90&#8243; animation_easing=&#8221;default&#8221; heading_tag=&#8221;h4&#8243; enable_indicator=&#8221;yes&#8221; mouse_indicator_style=&#8221;default&#8221; mouse_indicator_text=&#8221;view&#8221; mouse_indicator_color=&#8221;#141414&#8243; mouse_indicator_text_color=&#8221;#ffffff&#8221; display_categories=&#8221;yes&#8221; category_functionality=&#8221;static&#8221; category_position=&#8221;default&#8221; category_style=&#8221;button&#8221; category_display=&#8221;default&#8221; display_author=&#8221;yes&#8221; author_functionality=&#8221;static&#8221; author_position=&#8221;default&#8221; additional_meta_size=&#8221;small&#8221; grid_style=&#8221;content_under_image&#8221; content_under_image_text_align=&#8221;left&#8221; text_color=&#8221;light&#8221; hover_effect=&#8221;animated_underline_zoom&#8221; border_radius=&#8221;5px&#8221; posts_per_page=&#8221;4&#8243; display_type=&#8221;grid&#8221;][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>What are the success factors for digital product development in an agile workflow? <\/p>\n","protected":false},"author":12,"featured_media":26628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162,149],"tags":[],"class_list":{"0":"post-24429","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blog","8":"category-user-experience"},"_links":{"self":[{"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/posts\/24429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/comments?post=24429"}],"version-history":[{"count":10,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/posts\/24429\/revisions"}],"predecessor-version":[{"id":26527,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/posts\/24429\/revisions\/26527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/media\/26628"}],"wp:attachment":[{"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/media?parent=24429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/categories?post=24429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dmcgroup.eu\/en\/wp-json\/wp\/v2\/tags?post=24429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}