Gunnar Bittersmann: Alt-Text eines eigenen Avatars

Beitrag lesen

@@Christian Kruse

Vielleicht sollte man eher sowas in diese Richtung anstreben:

<span class="author"> <span class="registered-user"> <a title="Benutzer marctrix" class="user-link" href="profilelink"> <span class="visually-hidden">Zum Profil von </span> <img class="avatar" src="..." alt="Benutzer Mactrix" title="Zum Profil von Benutzer Mactrix" /> </a> <a href="posting-link" aria-hidden="true">marctrix</a> </span> </span> <a href="posting-link"> <time datetime="...">...</time> </a>

Wozu <span class="visually-hidden">Zum Profil von </span>?

Einfach <img class="avatar" src="..." alt="Zum Profil von Benutzer Mactrix" /> – mit aussagekräftigem alt-Text; ohne nerviges title.

Und wozu Klassen? <voice of="Doc Emmett Brown">Wo wir hingehen, brauchen wir keine Klassen!</voice>

<span property="author" typeof="Person"> <a property="sameAs" href="profilelink"> <img property="image" src="..." alt="Zum Profil von Benutzer Mactrix" /> </a> <a href="posting-link" aria-hidden="true">marctrix</a> </span> </span> <a href="posting-link"> <time datetime="...">...</time> </a>

Die Verwendung von RDFa-property und Schema.org-Vokabular statt class macht die Auszeichnung „semantischer“. Und stylen lässt sich das über Attributselektoren genauso.

Hier fehlt dann aber natürlich noch weiter oben type="Comment" (Comment wäre wohl der hier passende Subtyp von CreativeWork) und vocab="http://schema.org/".

LLAP 🖖

-- “You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|

Folgende Nachrichten verweisen auf diesen Beitrag:

0110

Links in neuem Fenster öffnen

  1. 1
    1. 0
      1. 1
    2. 0
      1. 0
      2. 0
        1. 3
          1. 0
    3. 0
      1. 0
        1. 0
          1. 1
            1. 3
              1. 1
                1. 0
                  1. 0
                    1. 0
                      1. 0
                        1. 0

                          ein Anfang

                  2. 0
                    1. 0
                      1. 3

                        Einstellungen überarbeiten, Prototyp

                        1. 0
                          1. 0
                            1. 0
                              1. 0

                                Einstellungen überarbeiten, Prototyp, Bitte um Hilfe

                                1. 0
                                  1. 0
                                    1. 0
                                      1. 1
                                        1. 2
                                          1. 0
                                          2. 0
                                            1. 0
                                              1. 0
                                                1. 0
                                                  1. 1
                                                    1. 0
                                                      1. 0
                                                        1. 1
                                                          1. 0
                                                            1. 0
                                                              1. 0
                                                                1. 0
                                                                  1. 0
                                                                    1. 0
                                                                    2. 0
                                                                      1. 0
                                                                      2. 0
                                                                2. 0
                                                              2. 0
                                                                1. 0
                                                              3. 0
                                                                1. 0
                                                                  1. 0
                                                                    1. 2
                                            2. 0
                                          3. 0
                                            1. 0
                                              1. 1
                                        2. 1
                                          1. 0
                                            1. 0
                        2. 0
                2. 0
                  1. 0
                    1. 0
                    2. 0
              2. 0
              3. 0

                Alt-Text eines eigenen Avatars

                1. 0
                  1. 0
                    1. 2
                      1. 0
                        1. 0
                          1. 1
                            1. 0
                              1. 0
                                1. 0
                            2. 0
                        2. 0
                          1. 0
                        3. 0
                          1. 0
                            1. 0
                              1. 0
                                1. 0
                              2. 0
                        4. 0
                      2. 0
                        1. 1
                          1. 0
                            1. 0
                              1. 0
                      3. 0
                        1. 0
              4. 0
                1. 1
                  1. 0
                    1. 0
                      1. 0
                        1. 1
                          1. 0
                            1. 0
                      2. 0
                      3. 0
            2. 0
              1. 0
                1. 0