marctrix: Schrift automatisch verkleinern

Beitrag lesen

Hej Gunnar,

@@Gunnar Bittersmann

CSS-Va custom properties.

(Sagte ich schon, dass custom properties mehr sind als CSS-Variablen? Äh nö, noch nicht. Nächste Woche erst.)

Jetzt ist es vorbei. Und dieses Beispiel hab ich in dem Vortrag mit verwurstelt.

Video gibt’s zu sehen, Folien auch.

Finde ich richtig gut. Leider gibt es tatsächlich ein Problem, wenn man vw für die Berechnung von Schriftgrößen einsetzt, aber nicht so, wie vom Fragesteller impliziert. Vergrößern geht prima, das Problem ist eher, wenn man von em als Einheit für Breiten ausgeht, werden Schriften größer, je kleiner man die wählen möchte (weil der Viewport in em gemessen "größer" wird, es passen halt mehr kleine "m" in denselben Viewport, wenn wenn die "m" kleiner werden).

Barrierefreiheit bedeutet aber, dass man Schriften an die eigenen Bedürfnisse anpassen kann — auch wenn die WCAG nur die Vergrößerung vorsieht und überprüft und als success criterion aufgenommen hat. Leider!

Hintergrund: es gibt Menschen mit einem sehr kleinen, aber u.U. noch scharfen Gesichtsfeld (Tunnelblick). Diese möchten in dem kleinen Ausschnitt, den sie wahrnehmen können, möglichst mindestens ein Wort sehen. Denen werden dann Schriften aber beim verkleinern der Schrift absurderweise immer größer angezeigt…

Hast du dazu eine Idee, @Gunnar Bittersmann ?

Marc

0 100

Schrift automatisch verkleinern

Barksalot
  • css
  1. 0
    Gunnar Bittersmann
    1. 1
      Barksalot
      1. 0
        Barksalot
        1. 0
          Regina Schaukrug
          1. 0
            Barksalot
            1. 0
              Robert B.
              1. 0
                Barksalot
                1. 0
                  Robert B.
                2. 0
                  marctrix
                  1. 0
                    Gunnar Bittersmann
              2. 0
                Gunnar Bittersmann
          2. 1
            Gunnar Bittersmann
            1. 0
              Barksalot
              1. 1
                Rolf B
                1. 0
                  Barksalot
                  1. 0
                    marctrix
                    1. 0
                      Barksalot
                    2. 0
                      beatovich
                      1. 0
                        marctrix
                        1. 0
                          beatovich
                          1. 0
                            marctrix
                            1. 0
                              beatovich
                        2. 0
                          Gunnar Bittersmann
                2. 2
                  Gunnar Bittersmann
                  • css
                  • typografie
                  1. 0
                    beatovich
                    1. 0

                      variable fonts

                      Gunnar Bittersmann
                      • typografie
                      1. 0
                        beatovich
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            beatovich
                  2. 0
                    Mitleser
                    • meinung
                    • typografie
            2. 1
              Regina Schaukrug
            3. 0
              marctrix
              • css
              • php
              1. 0
                Gunnar Bittersmann
                • css
                • html
                1. 0
                  marctrix
                  1. 1
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          marctrix
                          1. 0
                            Barksalot
                            1. 0
                              marctrix
                          2. 0
                            Gunnar Bittersmann
                      2. 0
                        Matthias Apsel
      2. 1
        Gunnar Bittersmann
        1. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            1. 0
              Rolf B
              1. 0
                Gunnar Bittersmann
                1. 0
                  Rolf B
                2. 0
                  Gunnar Bittersmann
            2. 1
              Gunnar Bittersmann
              1. 1
                Matthias Apsel
                • barrierefreiheit
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Rolf B
                    1. 0
                      Gunnar Bittersmann
                      • typografie
                      1. 0
                        Rolf B
                  2. 0
                    marctrix
              2. 0
                marctrix
                1. 0
                  beatovich
    2. 1
      TS
      • css
      • hardware
      • monitor
    3. 0
      beatovich
  2. 0

    Navigation

    Barksalot
    1. 0
      Robert B.
      1. 0
        Barksalot
        1. 0
          Robert B.
    2. 0
      marctrix
    3. 0
      Rolf B
      1. 0
        marctrix
        1. 0
          Rolf B
          1. 0
            marctrix
            1. 0
              Rolf B
              1. 0
                marctrix
      2. 0
        Barksalot
        1. 0
          Rolf B
          1. 0
            Barksalot
            1. 0
              Rolf B
  3. 0

    merkwürdiges Verhalten beim Hamburger

    Barksalot
    1. 0
      beatovich
    2. 0

      Update

      Barksalot
      1. 0
        marctrix
        1. 0
          Barksalot
          1. 0
            beatovich
            1. 0
              Barksalot
            2. 0
              Tabellenkalk
              • menschelei
          2. 0
            Gunnar Bittersmann
            • html
            1. 0
              Barksalot
              1. 0
                Gunnar Bittersmann
                1. 0
                  Barksalot
      2. 0
        Gunnar Bittersmann
        1. 0
          Barksalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              1. 0
                Barksalot
                1. 0
                  Gunnar Bittersmann
            2. 0
              Barksalot
      3. 0
        Rolf B
        1. 0
          Barksalot
          1. 1
            Rolf B
        2. 3

          Destrukturierung von Objekten

          Orlok
          • javascript
          • programmiertechnik
          1. 1
            Rolf B