{"id":989,"date":"2026-10-08T13:25:27","date_gmt":"2026-10-08T11:25:27","guid":{"rendered":"https:\/\/beeptone.de\/?page_id=989"},"modified":"2026-10-08T13:30:49","modified_gmt":"2026-10-08T11:30:49","slug":"barrierefreiheit","status":"publish","type":"page","link":"https:\/\/beeptone.de\/en\/barrierefreiheit\/","title":{"rendered":"Accessibility"},"content":{"rendered":"<style>\n.beep{color:#131313;background:#f4f4ef;font:16px\/1.6 Arial,Helvetica,sans-serif}.beep *{box-sizing:border-box}.bt-accessibility{--ink:#131313;--paper:#f4f4ef;--lime:#d6ff3f;background:var(--paper);color:var(--ink)}.bt-accessibility a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.bt-accessibility a:focus-visible,.bt-accessibility summary:focus-visible{outline:3px solid #566800;outline-offset:5px}.bt-a11y-hero{padding:64px max(5%,calc((100vw - 1200px)\/2));border-top:1px solid #ccc;border-bottom:1px solid #bbb}.bt-a11y-eyebrow{font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.bt-a11y-hero h1{font-size:clamp(2.75rem,6vw,5.5rem);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.bt-a11y-hero p{max-width:720px}.bt-a11y-intro{font-size:1.35rem;font-weight:700}.bt-accessibility .bt-a11y-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none;border:2px solid var(--ink);margin:16px 0}.bt-accessibility .bt-a11y-button:hover{background:var(--lime);color:var(--ink)}.bt-a11y-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;max-width:1200px;margin:auto;padding:56px 24px 80px}.bt-a11y-toc{align-self:start;border-top:4px solid var(--ink);padding-top:20px}.bt-a11y-toc h2{font-size:1.1rem;margin:0 0 14px}.bt-a11y-toc a{display:block;min-height:44px;padding:10px 0;border-bottom:1px solid #ccc;font-size:.95rem}.bt-a11y-sections section{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid #ccc;scroll-margin-top:32px}.bt-a11y-sections h2{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.16;letter-spacing:-.04em;margin:12px 0 22px}.bt-a11y-sections h3{font-size:1.2rem;line-height:1.3;margin:22px 0 12px}.bt-a11y-sections p,.bt-a11y-sections li{max-width:75ch}.bt-a11y-sections li{margin-bottom:12px}.bt-a11y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.bt-a11y-grid article{padding:24px;background:#fff;border:1px solid #c5c5bf}.bt-a11y-grid article>span{display:inline-block;font-weight:700;font-size:1.6rem;background:var(--lime);padding:3px 12px}.bt-a11y-grid h3{margin-top:16px}.bt-a11y-note{border-left:4px solid #566800;padding:16px 20px;background:#e9eddb}.bt-a11y-date{font-size:.9rem}.bt-a11y-contact{background:var(--ink);color:var(--paper);padding:30px!important}.bt-accessibility .bt-a11y-contact .bt-a11y-eyebrow{color:var(--lime)}.bt-accessibility .bt-a11y-contact .bt-a11y-button{background:var(--lime);color:var(--ink);border-color:var(--lime)}.bt-a11y-contact a:focus-visible{outline-color:var(--lime)}.bt-accessibility details{padding:20px 0;border-bottom:1px solid #bbb}.bt-accessibility summary{cursor:pointer;min-height:44px;font-weight:700;padding:8px 0}.bt-accessibility details p{margin:12px 0 0}@media(max-width:850px){.bt-a11y-layout{grid-template-columns:1fr;gap:32px;padding:32px 5% 56px}.bt-a11y-hero{padding:40px 5%}.bt-a11y-toc{display:block}.bt-a11y-grid{grid-template-columns:1fr}.bt-a11y-contact{padding:24px!important}}@media(prefers-reduced-motion:reduce){.bt-accessibility *{scroll-behavior:auto!important;transition:none!important}}\nbody.page-id-989 .wp-block-post-title{display:none}body.page-id-989 .wp-block-post-content{max-width:none!important}body.page-id-989 .wp-block-post-content>.beep{max-width:none!important;width:100%}\nbody.page-id-989 main.wp-block-group{margin-block:0!important;padding:0!important}body.page-id-989 main.wp-block-group>.wp-block-group{padding:0!important;margin:0!important}body.page-id-989 .wp-block-post-content{padding:0!important;margin:0!important}.bt-a11y-hero h1{overflow-wrap:break-word}\n<\/style><article id=\"bt-accessibility-content\" class=\"beep bt-accessibility\">\n<section class=\"bt-a11y-hero\" aria-labelledby=\"bt-a11y-title\">\n<p class=\"bt-a11y-eyebrow\">beepTone \/ Accessible together<\/p>\n<h1 id=\"bt-a11y-title\">Accessibility<br>at beepTone.<\/h1>\n<p class=\"bt-a11y-intro\">Your style. Your access.<\/p>\n<p>We want you to find your way around our shop easily, whether you use a mouse, a keyboard or your own assistive technology. Here you can learn about the support already available and what we are still working on.<\/p>\n<a class=\"bt-a11y-button\" href=\"#barriere-melden\">Report an accessibility barrier<\/a>\n<\/section>\n<div class=\"bt-a11y-layout\">\n<nav class=\"bt-a11y-toc\" aria-label=\"Page contents\"><h2>On this page<\/h2><a href=\"#bedienhilfen\">Your accessibility tools<\/a><a href=\"#shop-nutzen\">How to use the shop<\/a><a href=\"#umsetzungsstand\">Our current progress<\/a><a href=\"#barriere-melden\">Report an accessibility barrier<\/a><a href=\"#fragen\">Frequently asked questions<\/a><a href=\"#weitere-informationen\">More information<\/a><\/nav>\n<div class=\"bt-a11y-sections\">\n<section id=\"bedienhilfen\" aria-labelledby=\"bt-a11y-tools\"><p class=\"bt-a11y-eyebrow\">Display settings to suit your needs<\/p><h2 id=\"bt-a11y-tools\">Your accessibility tools<\/h2><p>Use the <strong>\u201cAdjust display\u201d button<\/strong> to change how the shop is displayed. You will find it at the edge of the screen. Your choices are saved in your browser and can be cleared using \u201cReset\u201d.<\/p>\n<div class=\"bt-a11y-grid\"><article><span aria-hidden=\"true\">Aa<\/span><h3>Larger text<\/h3><p>Increase the text size. You can also use your browser\u2019s zoom function.<\/p><\/article><article><span aria-hidden=\"true\">\u25d0<\/span><h3>Higher contrast<\/h3><p>Switch to a display with a stronger contrast between light and dark.<\/p><\/article><article><span aria-hidden=\"true\">\u2194<\/span><h3>More text spacing<\/h3><p>Increase spacing to make text easier to read line by line.<\/p><\/article><article><span aria-hidden=\"true\">\u2197<\/span><h3>Highlight links<\/h3><p>Make links stand out more clearly so they are easier to recognise.<\/p><\/article><article><span aria-hidden=\"true\">\u2161<\/span><h3>Reduce motion<\/h3><p>Reduce animations and pause the homepage video.<\/p><\/article><\/div><\/section>\n<section id=\"shop-nutzen\" aria-labelledby=\"bt-a11y-use\"><h2 id=\"bt-a11y-use\">How to use the shop<\/h2><p>At beepTone you will find printed clothing and accessories. You can search for products, browse categories and select the available colour, size or device model on the product page. Once the shop launches, you will be able to add products to your basket and complete your order at checkout.<\/p><ul><li><strong>Using a keyboard:<\/strong> Use Tab to move between links and controls. Enter or the space bar activates the relevant buttons. In the categories, you can open submenus using their buttons; Escape closes them again.<\/li><li><strong>Using a screen reader:<\/strong> Headings, labelled controls and image descriptions help you find your way around. Full testing with screen readers is still pending.<\/li><li><strong>Without sound:<\/strong> Important information about products, materials and ordering is available as text. You do not need the music clip to use the shop.<\/li><\/ul><p class=\"bt-a11y-note\">The shop is currently in \u201cComing soon\u201d mode. Ordering is not yet enabled for visitors.<\/p><\/section>\n<section id=\"umsetzungsstand\" aria-labelledby=\"bt-a11y-state\"><p class=\"bt-a11y-eyebrow\">Transparency rather than blanket promises<\/p><h2 id=\"bt-a11y-state\">Our current progress<\/h2><p>We are improving accessibility step by step, guided by the Web Content Accessibility Guidelines (WCAG) 2.2, levels A and AA. A full assessment of all requirements has not yet been completed. We therefore do not currently claim full accessibility.<\/p><h3>Already implemented<\/h3><ul><li>Customisable display settings and visible keyboard focus indicators.<\/li><li>Descriptive alternative text for standard product images.<\/li><li>Category buttons that indicate whether submenus are open or closed.<\/li><li>A display settings dialog that can also be operated with a keyboard and closed using Escape.<\/li><\/ul><h3>Still to be tested<\/h3><ul><li>The entire ordering process, including the basket, checkout and external payment services.<\/li><li>Full use with screen readers and different mobile devices.<\/li><li>All integrated extensions, forms and downloadable documents.<\/li><\/ul><p>Some features and content may therefore still present accessibility barriers. If you notice anything, your feedback helps us improve.<\/p><p class=\"bt-a11y-date\">Created on <time datetime=\"2026-10-08\">8 October 2026<\/time>. Based on internal checks carried out so far and documented adjustments.<\/p><\/section>\n<section id=\"barriere-melden\" class=\"bt-a11y-contact\" aria-labelledby=\"bt-a11y-report\"><p class=\"bt-a11y-eyebrow\">Get in touch<\/p><h2 id=\"bt-a11y-report\">Is something not working for you?<\/h2><p>Contact us through the contact page. You do not need a customer account. If possible, please include:<\/p><ul><li>the address of the affected page,<\/li><li>what you were trying to do and where you got stuck,<\/li><li>if helpful, your browser and the assistive technology you were using.<\/li><\/ul><p>You do not need to share any medical information. Your order number is optional. If you need information in another format, please tell us which format would help you.<\/p><a class=\"bt-a11y-button\" href=\"https:\/\/beeptone.de\/en\/kontakt\/\">Go to the contact form<\/a><p>Alternatively, you can email us at <a href=\"mailto:info@beeptone.de\">info@beeptone.de<\/a>. You can use \u201cAccessibility\u201d as the subject line.<\/p><p>We will review your enquiry and try to find suitable support. You can find information about how we process your message in our <a href=\"https:\/\/beeptone.de\/en\/datenschutz\/\">Privacy policy<\/a>.<\/p><\/section>\n<section id=\"fragen\" aria-labelledby=\"bt-a11y-faq\"><h2 id=\"bt-a11y-faq\">Frequently asked questions<\/h2><details><summary>Do I have to enable \u201cAdjust display\u201d?<\/summary><p>No. These settings are optional. You can also use the zoom and accessibility tools on your device or in your browser.<\/p><\/details><details><summary>Does the button make the entire shop accessible?<\/summary><p>The accessibility tools can make reading and navigation easier. They do not replace accessible design or a full assessment of all features.<\/p><\/details><details><summary>How do I restore the original display?<\/summary><p>Open \u201cAdjust display\u201d and select \u201cReset\u201d. This clears your additional display settings.<\/p><\/details><details><summary>Can I report an accessibility barrier without placing an order?<\/summary><p>Yes. You do not need an order or a customer account. Simply describe the problem on our contact page.<\/p><\/details><\/section>\n<section id=\"weitere-informationen\" aria-labelledby=\"bt-a11y-more\"><h2 id=\"bt-a11y-more\">More information<\/h2><p><a href=\"WCAG: international guidelines for accessible web content\" target=\"_blank\" rel=\"noopener\">WCAG: internationale Leitlinien f\u00fcr zug\u00e4ngliche Webinhalte<\/a><\/p><p><a href=\"\/en\/Federal Centre of Expertise on Accessibility: information on the German Accessibility Strengthening Act\/\" target=\"_blank\" rel=\"noopener\">Bundesfachstelle Barrierefreiheit: Informationen zum Barrierefreiheitsst\u00e4rkungsgesetz<\/a><\/p><p><a href=\"https:\/\/beeptone.de\/en\/impressum\/\">Provider information in the legal notice<\/a><\/p><\/section>\n<\/div><\/div><\/article>","protected":false},"excerpt":{"rendered":"<p>beepTone \/ Gemeinsam zug\u00e4nglich Barriere&shy;freiheitbei beepTone. Dein Style. Dein Zugang. Du sollst dich in unserem Shop gut zurechtfinden \u2013 mit Maus, Tastatur oder deinen eigenen Bedienhilfen. Hier erf\u00e4hrst du, welche Unterst\u00fctzung es bereits gibt und woran wir noch arbeiten. Barriere melden Auf dieser Seite Deine BedienhilfenSo nutzt du den ShopUnser aktueller StandBarriere meldenH\u00e4ufige FragenWeitere Informationen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-989","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/pages\/989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":4,"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/pages\/989\/revisions"}],"predecessor-version":[{"id":993,"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/pages\/989\/revisions\/993"}],"wp:attachment":[{"href":"https:\/\/beeptone.de\/en\/wp-json\/wp\/v2\/media?parent=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}