Barrierefreiheit im Gambio

Danke für den Hinweis, das ist bekannt und wurde hier im Forum auch schon öfters angesprochen. Ich werd weder 2 Mio. vollkriegen noch 10 Leute durchfüttern dieses Jahr, aber Google straft mangelhafte Barrierefreiheit ab, daher ist es meiner Meinung nach dringend, dass Gambio da mit er Zeit geht und die Anforderungen erfüllt. Es ist auch gar nicht die Frage, ob das extrem aufwändig oder teilweise unlösbar ist, in absehbarer Zeit werden nur noch die Shops mit ausreichend Barrierefreiheit bzgl. Lesbarkeit, Bedienbarkeit und visueller Darstellung auf den oberen Plätzen der Suchergebnisse sein. Jede Wette.

 

Ich möchte noch was zur Barrierefreiheit noch was anmerken.
Seit wir Gambio und die Produktbewertung nutzen, wird der Link "<a href="#product-ratings">" mit "Links haben keinen leicht erkennbaren Namen" angemeckert. Auch mit dem Tool von der IT Rechtskanzelei ist es so.
Ich würde es ja gerne selber ändern. Vielleicht weiß ja Jemand von Euch, wo und wie man das ändern kann.

 

Das braucht's einen Overload für die
/themes/Malibu/html/system/product_info_template_standard.html

Code:

{block name="product_info_template_standard_product_review_data"}
    <a href="#product-ratings"{if 'SHOW_RATING_AS_TAB'|gm_get_conf === 'true'} onclick="document.getElementById('reviews-tab').click()"{/if}>
        {include file="get_usermod:{$tpl_path}rating_stars.html" rating_rounded=$AGGREGATE_REVIEW_DATA.averageRating rating_count=$AGGREGATE_REVIEW_DATA.count }
    </a>
{/block}

 

@Dominik Späte, habe hinbekommen. Daanke

Schade leider etwas zu früh gefreut.
Im Mobilen wird es übernommen, auf der Desktop Seite nicht.

 

Hallo, ich habe da eine Frage, ich habe bei mir den Test versucht und ich bekomme den Hinweis "Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist nicht ausreichend." für die Lieferanzeige unter den Produkten, ich habe aber die Hintergrundfarbe auf #ffffff stehen und die Textfarbe ist #999999 (glaube dies ist auch der Standard).
Warum erscheint bei mir allerdings ein Hinweis und bei dir nicht? Sind aber die selben Werte oder etwa nicht?

 

@manufaktur ich würde die die Text Farbe auf #000 setzten. geht über css.

 

Das war allerdings nicht die Frage. Die Frage warum auf der einen Seite dies bemängelt wird und bei der anderen Seite nicht. Denn das Verhältnis der Farbe ist 2,85:1 bei diesen Werten.

 

Warum das bei andern Seiten nicht bemängelt wird, wäre mir egal. Wenn es bei mir bemängelt wird, versuche ich es zu beheben.

 

Weil bei Dir die Anzeige in 2 Slidern immer da ist. Bei mir sieht man es nur im Hover.

 

Der aktuelle Cloudshop ist in 4.9.4. noch nicht wirklich barrierefrei. Aber bevor Du jetzt mit CSS Codes etwas behebst, dass Du nach dem Update kontrollieren musst, würde ich dahingehend erst Änderungen vornehmen, wenn Du das Update bekommen hast. Aber ich vermute & hoffe, dass das Update in die Cloud erstmal gestoppt wurde und die Version überarbeitet wird.

Nachtrag: in der aktuellen 4.9.5 ist die Lieferzeitangabe nicht barrierefrei farblich angepasst. Die VPE aber schon.

 

OK, verstehe. Dann warte ich lieber noch ab, auf das Update.

Aber noch eine Frage, wie kann man bei dem Icon "Suche" und der "Weltkugel" einen Alternativen Text hinzufügen, habe das nirgends gefunden.

 

Das müsstest Du direkt in der Datei machen. Aber im Update ist es aktuell enthalten.

 

Problem bei der Sekundärnavigationsleiste

"In Textblöcke eingebettete Links müssen erkennbar sein, ohne dass ihre Präsenz ausschließlich durch die Farbe erkennbar ist. Benutzer mit Farbsehschwächen oder anderen Sehbehinderungen können Links möglicherweise nicht erkennen, wenn sie sich ausschließlich auf die Farbdifferenzierung verlassen. Links müssen zusätzliche visuelle Hinweise wie Unterstreichungen, Fettdruck oder einen deutlichen Kontrast aufweisen, um sich vom normalen Text abzuheben."

 

Ich vermute eben die meinen die Schrift in dem roten Balken. Ich weiß aber nicht wie ich das ändern muss,

 

Auf welcher Seite hast du diesen Testbericht erhalten?

 

https://www.accessibilitychecker.org/

 

Wenn ich Deine Startseite prüfen lasse, bekomme ich nur den Footer Link "Händler-Termine" angemeckert.
Das könntest du hiermit lösen:

Code:

.footer-col-3 a {
    text-decoration: underline;
}

Oder du fügst dem Link ein aria-label hinzu.

Code:

<a href="https://lpl-shop.de/de/info/Haendler-Termine--Marktstand.html" target="_blank" aria-label="Weitere Informationen zu den Händlerterminen">Händler Termine</a>

 

Ich stelle mit einer einfachen Lighthouse-Prüfung fest, dass die meisten Dinge für das BFSG sich mit einfachen Anpassung im Styleeditor beheben lassen (in meinem selbst gehosteten 4.8.0.3). Nur ein Eintrag macht mir Kopfzerbrechen: Im Header steht ein Metatag wie folgt und wird von Lighthouse angemahnt:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Ich finde keine Lösung, an diesen Eintrag dranzukommen und user-scalable=yes zu setzen. Es gibt ja nirgends im Admin die Möglichkeit den header direkt zu bearbeiten. Hat dafür jemand eine Lösung?

Könnte das funktionieren:

1. /includes/modules/viewport_fix.php anlegen
2. Diesen Inhalt einfügen:

<?php
if (!defined('VIEWPORT_FIX_LOADED')) {
define('VIEWPORT_FIX_LOADED', true);
echo '<script>document.addEventListener("DOMContentLoaded",function(){var viewport=document.querySelector("meta[name=\"viewport\"]");if(viewport){viewport.setAttribute("content","width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes");}});</script>';
}
?>

 

Hi Stephan, schön, von Dir zu lesen

Hier hatte ich eine Anleitung dazu geschrieben:
https://www.werbe-markt.de/gambio-news/zoom-funktion-barrierefreiheit/

 

Wie immer: ganz grandios von Dir! Vielen Dank!