Barrierefreiheit - a.item.active und productOldPrice

Thema wurde von Anonymous, 16. Juni 2025 erstellt.

  1. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    2. März 2018
    Beiträge:
    41
    Danke erhalten:
    1
    Danke vergeben:
    4
    Hallo zusammen,

    im Zuge der Barrierefreiheit habe ich noch 2 Baustellen laut Lighthouse.
    Zum einen der Kontrast beim Streichpreis (productOldPrice) und einen nicht erkennbaren Linktext beim Carousel Widget (a.item.active)
    Auch bemängelt er den Kontrast beim Whatsapp Feld. Hat hier jemand eine Lösung ausser entfernen?

    Vielen Dank

    Manuel
    hbh24online.de
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Ins "eigene CSS"

    .shariff .whatsapp a {
    background-color: #2a8519 !important;
    }
     
  3. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    2. März 2018
    Beiträge:
    41
    Danke erhalten:
    1
    Danke vergeben:
    4
    Danke für den Hinweis. Jetzt passt der Kontrast beim WhatsApp Button.
    Hast du das auch für den Streichpreis im Kopf?
     
  4. hartwigbusse
    hartwigbusse Erfahrener Benutzer
    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.229
    Danke erhalten:
    278
    Danke vergeben:
    442
    Versuche es mal damit.
    Code:
    viewmode-grid .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .productlist-swiper .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .product-container.flyover .product-tile .price-tax .price .current-price-container .productOldPrice {
            color: #000;
    }
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    .product-info .product-info-details .price-container .current-price-container .productOldPrice {
    color: #91000a;
    text-decoration: line-through;
    }

    PS:
    Hartwig war schneller ...
     
  6. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    2. März 2018
    Beiträge:
    41
    Danke erhalten:
    1
    Danke vergeben:
    4
    Vielen Dank an euch.
    Das mit dem nicht erkennbaren Linktext beim Carousel Widget hatte bisher noch niemand?