borisbaer: SVGs in MVC-Framework organisieren

Beitrag lesen

Hallo Gunnar,

Hier siehst du die Checkbox im Einsatz.

Leider nicht wirklich. Wenn ich da mit der Tastatur durchtabbe, muss ich mich sehr anstrengen, um zu erkennen, wo der Fokus gerade ist. Anderen mag das nicht gelingen. Es ist zwar ein Fokuseffekt da, der hat aber viel zu wenig Kontrast. Als Hovereffekt völlig ausreichend (Hovereffekte sind eher Spielerei als erforderlich), für den Fokus ungenügend. Mach einen weißen Rahmen drum. Es muss nicht schön sein, sondern auffallen. Mittlerweile unterstützen Browser ja :focus-visible, d.h. Fokusmarkierung wird nur dann angezeigt, wenn man wirklich per Tastaur navigiert.

das werde ich tun, danke für den Hinweis!

Das Formular ist visuell zugemüllt. Ein Label an jedem Eingabefeld[^1] und dieselbe Beschriftung nochmal im Eingabefeld? Wozu? Weg mit allen placeholder-Attributen!

Ich kann nachvollziehen, was du meinst, aber für mich sehen Eingabefelder ohne placeholder total seltsam aus … irgendwie „nackt“. Aber ja, ist doppelt gemoppelt, stimmt schon.

Grüße
Boris

0 38

SVGs in MVC-Framework organisieren

borisbaer
  • php
  • svg
  1. 0
    Gunnar Bittersmann
    1. 0
      Der Martin
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          • performance
          • php
        2. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            • php
            • programmierstil
            1. 0
              Rolf B
          2. 0
            borisbaer
    2. 0
      borisbaer
      1. 0
        Gunnar Bittersmann
        • barrierefreiheit
        • css
        • ux
        1. 0
          Gunnar Bittersmann
          • barrierefreiheit
          • html
        2. 0
          Gunnar Bittersmann
          • design
          • formulare
          • ux
        3. 0
          Gunnar Bittersmann
          • css
          • design
          • ux
        4. 0
          borisbaer
          1. 0
            Gunnar Bittersmann
            • ux
          2. 0
            Der Martin
            1. 1
              Tabellenkalk
              1. 0
                Gunnar Bittersmann
                1. 0
                  Tabellenkalk
                  1. 0
                    Gunnar Bittersmann
                    • menschelei
        5. 0
          borisbaer
          1. 1
            Gunnar Bittersmann
            • design
            • ux
            • zitat
            1. 0
              Gunnar Bittersmann
              1. 0
                Robert B.
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Robert B.
                    • design
                    • offtopic
                    • ux
  2. 0
    Gunnar Bittersmann
    • svg
    • tools
    1. 0
      borisbaer
  3. 1
    Rolf B
    1. 0
      Matthias Scharwies
      1. 0
        Rolf B
        1. 0
          Matthias Scharwies
          1. 0
            Rolf B
            1. 0
              Matthias Scharwies
              1. 0
                Rolf B
      2. 0

        SVG: use-element + css-animation

        Matthias Scharwies