Orlok: Lesetip: The web accessibility basics

Beitrag lesen

Hallo Gunnar

Marco Zehe hat Grundlegendes zusammengeschrieben: The web accessibility basics

Kannte den Artikel zwar schon, aber ich habe die Gelegenheit genutzt, ihn mir nochmals durchzulesen, und ich kann mich deiner Einschätzung nur anschließen, dass der Artikel sehr lesenswert und darum zu empfehlen ist. Allerdings ist mir beim Lesen etwas aufgefallen, was man in diesem Zusammenhang fast immer liest, und zu dem ich aus eben diesem Grund noch etwas anmerken möchte.

If, on the other hand, an image is purely decorative, its alternative text consists of an empty string “”. That is simply alt=””, two consecutive quotes.

Wenn man das Attribut alt auf den leeren String setzen will, dann ist es nicht zwingend erforderlich dies ausdrücklich zu tun, wie in dem Zitat und so ziemlich jeder anderen Quelle, die ich zu dem Thema bislang gelesen habe.

<body>
  <img id="picture" src="decorative.jpg" alt>
  <script>

    const image = document.images.picture;
    console.log(image.hasAttribute('alt')); // true

    const value = image.alt;
    console.log(typeof value === 'string' && value.length === 0); // true

  </script>
</body>

Wird nämlich nur der Attributname notiert, dann wird der Wert automatisch auf den leeren String gesetzt, eine explizite Angabe dieses Wertes ist also überflüssig, was dem Standardverhalten für diese Variante der Notierung von Attributen entspricht und wohl auch von allen Browsern so umgesetzt wird.

Das ist natürlich nur eine unwesentliche Kleinigkeit, aber ich wollte es mal erwähnt haben. ;-)

Viele Grüße,

Orlok

2 47

Lesetip: The web accessibility basics

Gunnar Bittersmann
  • barrierefreiheit
  • html
  • zur info
  1. 0
    pl
    1. 0
      marctrix
      1. 0
        Der Martin
        1. 0
          marctrix
        2. 0
          Gunnar Bittersmann
          • design/layout
          1. 0
            marctrix
          2. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
              1. 0
                Der Martin
                1. 0
                  Tabellenkalk
                2. 0
                  Auge
                  • design/layout
                  • menschelei
                3. 0
                  Gunnar Bittersmann
                  1. 0
                    Der Martin
                    1. 0
                      marctrix
                      1. 0
                        Der Martin
                        1. 0
                          marctrix
      2. 0
        Gunnar Bittersmann
        • design/layout
      3. 0
        pl
        1. 0

          Plain Text statt Werbung

          pl
          1. 1
            Matthias Apsel
            1. 0
              pl
              1. 0
                Christian Kruse
          2. 0
            JürgenB
            1. 0
              pl
          3. 0
            Gunnar Bittersmann
            1. 0
              pl
              1. 1
                Gunnar Bittersmann
                1. -2
                  pl
          4. 1
            Gunnar Bittersmann
  2. 1
    Matthias Apsel
  3. 0
    Orlok
    • barrierefreiheit
    • html
    1. 0
      Matthias Apsel
    2. 0
      Gunnar Bittersmann
  4. 3
    marctrix
    1. 0
      marctrix
    2. 0
      kerstin
      1. 0
        marctrix
        1. 0
          kerstin
          1. 0
            marctrix
      2. 0
        marctrix
        1. 0
          kerstin
          1. 0
            marctrix
  5. 0

    Developer's guide to accessibility mechanics

    Gunnar Bittersmann
    1. 0
      Felix Riesterer
      • barrierefreiheit
      • meinung
      1. 0
        Gunnar Bittersmann
        1. 0
          Felix Riesterer
          • meinung
          • menschelei