Barrierefrei
barrier-free Websites
[/ux_text] [/col] [col span__sm=“12″ margin=“-59px 0px 0px 0px“] [ux_text font_size=“1.25″ font_size__sm=“1″ text_align=“center“]On June 28, the Barrier-Free Accessibility Reinforcement Act will come into force in Germany, which means that many companies will be faced with the task of making their websites barrier-free.
[/ux_text] [/col] [/row] [gap height=“50px“] [row] [col span__sm=“12″ margin=“-59px 0px 0px 0px“ align=“center“] [ux_image id=“470″ caption=“true“] [/col] [/row] [gap height=“50px“] [row v_align=“middle“ h_align=“center“] [col span=“6″ span__sm=“12″ align=“center“] [button text=“MACH JETZT DEN KOSTENLOSEN TEST“ color=“secondary“ padding=“10px 10px 10px 10px“ link=“https://bavariait.com/quiz/“] [/col] [col span=“6″ span__sm=“12″ align=“center“] [button text=“JETZT IHRE WEBSEITE ÜBERPRÜFEN LASSEN“ color=“secondary“ padding=“10px 10px 10px 10px“ link=“https://bavariait.com/barrierefreiheit-ihrer-website-prufen/“] [/col] [/row] [row] [col span__sm=“12″] [ux_text font_size=“1.25″ font_size__sm=“1″]Why accessibility is important:
- Extended target group: More than 10 million people in German-speaking countries have a severe disability.
- Better Google ranking: Accessibility is a ranking factor and can improve your ranking.
- Legal obligation & inclusion: An accessible website not only promotes participation for all, but also fulfills legal requirements.
We support you in adapting your digital presence so that it is accessible to all people, regardless of restrictions.
[/ux_text] [/col] [/row] [row] [col span__sm=“12″ margin=“- 0px 0px 0px“] [ux_text font_size=“1.75″ font_size__sm=“1.75″]Who is affected?
[/ux_text] [ux_text font_size=“1.25″ font_size__sm=“1″]The law applies to B2C companies if at least one of the following conditions applies:
- An annual turnover of more than 2 million euros oder at least 10 employees.
- Conclusion of contracts or inquiries via the website (e.g. online stores, appointment booking, contact forms).
These include banks, insurance companies, e-commerce providers, transportation companies, communication service providers, media platforms, e-book providers and service companies such as doctors and hairdressers.
[/ux_text] [/col] [/row] [row] [col span__sm=“12″ margin=“- 0px 0px 0px“] [ux_text font_size=“1.25″ font_size__sm=“1″]- Perceptibility
- Alternative texts: Images and graphics must be provided with meaningful descriptions.
- Subtitles & transcripts: Videos should contain subtitles or audio descriptions.
- Contrasts: At least 4.5:1 for normal text.
- Scalability: It must be possible to enlarge content to 200% without loss.
- Usability
- Keyboard control: All functions must be usable without a mouse.
- Focus highlighting: Interactive elements should be highlighted visually.
- Navigation: Clear, consistent structure with “skip links”.
- Comprehensibility
- Simple language: Clear, easy-to-understand texts.
- Predictable functions: Logical behavior of interactive elements.
- Erklärungen: Fachbegriffe und Abkürzungen sollten erläutert werden.
- Robustness
- Technological compatibility: Functionality with screen readers and assistive technologies.
- Clean code: Valid HTML code for correct interpretation.
- Forms & interactivity
- Accessible forms: Correct labeling and clear error messages.
- Feedback: Comprehensible confirmation messages.
- Documents & Miscellaneous
- Accessible PDFs: Provided documents must be accessible.
- Statement on accessibility: Description of the current status with contact option for feedback.
Implementing accessibility:
[/ux_text] [/col] [/row] [row width=“full-width“ v_align=“middle“ h_align=“center“] [col span=“10″ span__sm=“12″ span__md=“12″ align=“left“ color=“light“] [row_inner style=“large“ width=“full-width“ h_align=“center“] [col_inner span=“6″ span__sm=“12″] [featured_box img=“490″ inline_svg=“0″ img_width=“55″ pos=“left“] [ux_text font_size=“1.25″]Perceptibility
[/ux_text]- Alternative texts: Images, graphics and other visual content must be provided with meaningful alternative texts.
- Subtitles and transcripts: Videos must contain subtitles and, if possible, audio descriptions.
- Contrasts: Text and background must have sufficient contrast (at least 4.5:1 for normal text).
- Scalability: Content must be able to be enlarged by up to 200% without losses.
Usability
[/ux_text]- Keyboard control: All functions must be usable without a mouse.
- Focus highlighting: Interactive elements should be highlighted visually.
- Navigation: Clear, consistent structure with “skip links”.
Comprehensibility
[/ux_text]- Simple language: Clear, easy-to-understand texts.
- Predictable functions: Logical behavior of interactive elements.
- Erklärungen: Fachbegriffe und Abkürzungen sollten erläutert werden.
Robustness
[/ux_text]- Technological compatibility: Functionality with screen readers and assistive technologies.
- Clean code: Valid HTML code for correct interpretation.
Forms & interactivity
[/ux_text]- Accessible forms: Correct labeling and clear error messages.
- Feedback: Comprehensible confirmation messages.
Documents & Miscellaneous
[/ux_text]- Accessible PDFs: Provided documents must be accessible.
- Statement on accessibility: Description of the current status with contact option for feedback.
Implementation in practice
Accessible design doesn't have to be complicated. We can do it for you:
- Adjustment of contrasts and scalability.
- Insert alt texts for images.
- Optimization of links with meaningful descriptions.
- Creation of an accessibility declaration with registration form.
- Accessible design of PDFs.
Costs for the changeover
The costs depend on the size of the website. An average website with 10 subpages requires around €1,500 for one-time optimization. Shops and extensive websites have higher requirements.
Get advice now!
Contact us for an individual analysis and a quote:
- Via contact form or e-mail: servus@bavariait.com
- By telephone: +49 1512 8881184
- Or arrange a free initial consultation
Who benefits from accessibility?
- People with permanent disabilities: Around 10% of the German population.
- People with temporary restrictions: For example, due to accidents or illness.
- All users: A well-structured website improves usability for everyone.
- Your company: More potential customers and better Google ranking.
The procedure
- Analyze your website for barriers.
- Discussion of the optimization steps.
- Offer submission.
- Realization & implementation of accessibility requirements.
Download the e-book for accessible adaptations now
[/ux_text] [/col] [/row] [/section] [section label=“Contact“ bg_color=“rgb(40, 40, 40)“ padding=“90px“ padding__sm=“60px“] [gap] [row h_align=“center“] [col span=“7″ span__sm=“12″ span__md=“8″ padding=“70px 70px 30px 70px“ padding__sm=“50px 30px 10px 30px“ align=“center“ bg_color=“rgba(255, 255, 255, 0.84)“ bg_radius=“10″] [ux_text font_size=“2.5″]
