Gunnar Bittersmann: Die Seite sieht aktuell so aus

Beitrag lesen

@@hmm

Wie mach ich ein Bild responsed?

Du meinst responsive?

Im einfachsten Fall mit width: 100% bzw. max-width: 100% im Stylesheet.

Für Bilder in verschiedenen Auflösungen und verschiedenen Bildausschnitten siehe in diesem Posting verlinkte Artikel sowie Wiki.

Das Bild dient nur der Seitenverschönerung, kann ich einen Alternativtext weglassen?

In dem Fall sollte es überhaupt nicht im HTML auftauchen, sondern als Hintergrundbild im Stylesheet.

Wenn doch im HTML, dann Alternativtext weglassen, aber nicht das alt-Attribut (Screenreader würden sonst den Dateinamen vorlesen). Außerdem per role als Schmuckbild kennzeichnen:

<img src="" role="none presentation" alt=""/>

LLAP 🖖

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

Button als Icon mit Tooltip

hmm
  • css
  • html
  • javascript
  1. 0
    Auge
  2. 0
    Martl
    1. 0
      hmm
      1. 0
        Auge
      2. 0
        Martl
  3. 0
    Gunnar Bittersmann
    1. 1
      JürgenB
      1. 0
        Matthias Apsel
        1. 0
          JürgenB
  4. 0

    Die Seite sieht aktuell so aus

    hmm
    1. 0
      hmm
    2. 0
      Julius
      1. 0
        hmm
    3. 0
      dedlfix
      1. 0
        hmm
        1. 0
          Achot
          1. 0
            hmm
            1. 0
              Achot
              1. 0
                hmm
                1. 0
                  Achot
                  1. 0
                    hmm
                    1. 0
                      Achot
                      1. 0
                        hmm
                        1. 0
                          Achot
            2. 0
              hmm
              1. 1
                Achot
                1. 0
                  hmm
              2. 0
                beatovich
                1. 0
                  Achot
                  1. 0
                    beatovich
                    1. 0
                      Achot
                      1. 0
                        beatovich
                        1. 0
                          hmm
                          1. 0
                            Achot
                          2. 0
                            beatovich
                            1. 0
                              hmm
                              1. 0
                                beatovich
                2. 0
                  dedlfix
                  1. 0
                    beatovich
        2. 1
          dedlfix
      2. 0
        Gunnar Bittersmann
        • css
        • html
        1. 0
          Achot
        2. 0
          dedlfix
    4. 0
      Gunnar Bittersmann
      • html
      • ux
      1. 0
        hmm
      2. 0
        Gunnar Bittersmann
        1. 0
          hmm
          1. 0
            Gunnar Bittersmann
            1. 0
              hmm
              1. 0
                hmm
                1. 0
                  hmm
  5. 0

    So siehts aktuell einem Bootstrap Template aus

    hmm
    1. 0
      hmm
    2. 0

      Neuste Seiten Version

      hmm
      1. 0
        Achot
        1. 0

          Allerneuste Fassung

          hmm