mixmastertobsi: Apple Safari CSS :before Problem

Hallo,

aus welchen Grund auch immer, wird beim iPhone etc. der :before Content nicht angezeigt. Bei allen anderen Browsern und Geräten geht es problemlos!

Es geht um die Seite www.slewo.com und hier speziell um das "Haus (Home)" Symbol in der Navigationsleiste.

Hat jemand eine Idee?

  1. Lieber mixmastertobsi,

    vielleicht mag der Safari content: "\F217" nicht?

    Eines weiß ich aber ganz sicher: Gunnar mag <a href="/" title="zur Startseite">&nbsp;</a> nicht. Vielleicht findet er's wegen des title-Attributes weniger schlimm... aber warum Du die Glyphe mit dem Häuschen nicht gleich ins HTML schreibst, verstehe ich nicht, da Dein Code ja in UTF-8 kodiert ist...

    Liebe Grüße,

    Felix Riesterer.

    1. @@Felix Riesterer

      vielleicht mag der Safari content: "\F217" nicht?

      U+F217 ist in der private use area. Kein Standard. Da kann als Glyphe kommen, was will. Oder auch gar nichts. Das kann man Safari nicht übelnehmen, wenn er „aus dem Häuschen“ ist.

      In Unicode gibt es ⌂ U+2302, 🏠 U+1F3E0, …

      Eines weiß ich aber ganz sicher: Gunnar mag <a href="/" title="zur Startseite">&nbsp;</a> nicht. Vielleicht findet er's wegen des title-Attributes weniger schlimm...

      Kann sein, dass das title-Attibut tatsächlich (so ganz als letztes) als Linktitel herangezogen wird, wenn gar nichts anderes da ist. Aber im Prinzip hat title bei keinem Link etwas zu suchen.

      aber warum Du die Glyphe mit dem Häuschen nicht gleich ins HTML schreibst, verstehe ich nicht, da Dein Code ja in UTF-8 kodiert ist...

      <a href="/"></a> oder <a href="/">🏠</a> hat auch keinen zugänglichen Linktitel. Den müste man noch mit aria-label angeben: <a href="/" aria-label="zur Startseite"></a>

      Was schon etwas gegen die Hauptdirektive verstößt.

      <a href="/">zur Startseite</a> und die Schrift visuell verschwinden lassen – vermutlich wird das mit <a href="/"><span>zur Startseite</span></a> einfacher.

      LLAP 🖖

      --
      “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
      1. Hallo Gunnar Bittersmann,

        Aber im Prinzip hat title bei keinem Link etwas zu suchen.

        Wenigstens wird inzwischen das Linkziel trotzdem angezeigt.

        Bis demnächst
        Matthias

        --
        Rosen sind rot.
  2. Hej mixmastertobsi,

    mit dem folgenden Code bist du sämtliche Probleme für Sehende und Blinde los:

    <a href="/"><img src="home.svg" alt="Startseite"></a>
    

    Mach es Dir nicht unnötig schwer!

    Marc