Barrierefreiheit im Gambio

Mir ist aufgefallen und komme an diesem Punkt nicht weiter: Nach einem Test bei Google ist mit im Bereich Barrierefreiheit

Drei Fehler aufgefallen.

1. Namen und Labels: Schaltflächen haben keinen für Screenreader zugänglichen Namen, und zwar Button (Mobilemodus des Menus und der Suche- Botton.

2. Best Practices: Meta[user-scalable="no"] wird im <meta name="viewport">-Element verwendet oder das [maximum-scale]-Attribut ist kleiner als 5.

Was kann ich machen, um diese Punkte zu ändern?

 

2. kannst du selbst beheben:
(Link nur für registrierte Nutzer sichtbar.)

 

Hat sich hierüber schon jemand von euch Gedanken gemacht bzw. angefangen etwas in dieser Richtung im Shop zu ändern?
Ist ja die nächste Sau die durch's Dorf getrieben werden soll.
Laut ITR und HB muss ein Shop ja ab Mitte 2025 komplett über die Tastatur zu bedienen sein.
Auch PDF's sollen wohl dann verpönt sein....

Links dazu:
(Link nur für registrierte Nutzer sichtbar.)
und
(Link nur für registrierte Nutzer sichtbar.)

 

So langsam sollte man aus dem Verein "EU" austreten. Dieser Überflüssige Kropf versucht sich auch überall ein Denkmal mit unnützem Zeug zusetzen, statt den EU-Binnenmarkt zu stärken!!!

(Meine persönliche Meinung, hat nix mit der aktuellen Politik zu tun)

 

In dem Text der IT - Recht steht aber auch:

Das dürfte auf viele Gambio-Shops zutreffen.

 

stimmt und das macht auch Sinn!

 

Dominik Späte bietet eine kleine kostenlose Erweiterung „Aria Label für Suchen-Button“ an, installierbar über seine geniale Modulverwaltung: https://www.werbe-markt.de/gambio-modulverwaltung.php

 

bei mir:

 

ich konnte alles beheben

 

Photoshop?

 

Nein. Das ist echt.

 

Wo habt ihr testen lassen?

 

Über 90 % kann man jetzt schon erreichen ohne irgendwelche extra Anpassungen, nur wenn man sich um die Kontraste Kümmert. So weit ich gesehen habe hat Gambio schon einiges in den nächsten Shop Versionen 5.0.x.x angepasst. Man muss aber auch selbst einiges tun, google zeigt nicht alles, bzw kann nicht alles prüfen. Wichtig sind auch die Dateinamen und die richtigen Alt Texte bei den Bildern.

 

Na da hast du aber am viewport rum gefummelt, normal steht dort maximum-scale=1.0 bei dir steht maximum-scale=5.0

 

Absolut richtig. Siehe Beitrag #2.

 

Hi,

bei mir im Malibu ubernimmt er die Änderungen in:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

nicht, woran liegt das, ich hatte auch die Schreibrechte im Verzeichnis von 604 auf 777 und zurück geändert?

 

Was mache ich bei der Meldung

"Schaltflächen haben keinen für Screenreader zugänglichen Namen" ?

 

Ich nehme an, das bezieht sich auf die Suche-Lupe?
Da fehlen aria-label und alt-Attribut.

Habe ich hiermit behoben:

Code:

{block name="layout_secondary_navigation_search_form_submit"}
                        <button type="submit">
                            <img src="{$theme_path}images/svgs/search.svg" class="gx-search-input svg--inject" aria-label="search" alt="Suche">
                        </button>
                    {/block}

als Datei mit dem Namen layout_secondary_navigation_search.html in "custom" speichern.

 

Ich wollte nur mal eben auf etwas hinweisen, was vielleicht nicht alle mitbekommen haben.

Laut der IT-Recht Kanzlei, was aus den heute zugesendeten News stammt, für viele sicherlich eine Info von Interesse.

"Vorab-Tipp: Betriebe mit weniger als 10 Beschäftigten und max. 2 Mio. € Umsatz oder Bilanzsumme sind von den Barrierefreiheitsanforderungen komplett befreit."

MfG.
Frank.