Gunnar Bittersmann: ganze Box verlinken

Beitrag lesen

@@marctrix

Übrigens habe ich im Gegensatz zu Gunnar gar kein Problem damit die ganze Box zu verlinken. Ein simples aria-hidden genügt, um den Content in Screenreadern nicht ausgeben zu lassen, so dass SR-Nutzern nur die Überschrift vorgelesen wird.

Nö. Das ist nicht der Sinn der Sache. Ein Screenreader soll ja den gesamten Inhalt der Box vorlesen – nur halt nicht als Linktitel beim Navigieren von Link zu Link.

Ich hab die drei Varianten mal gegenübergestellt:

  1. Kirk: Verlinkung der gesamten Box mit CSS per darüber absolut positioniertem Pseudoelement.

    Dadurch lässt sich Text in der Box nicht markieren/kopieren. (Kirk hat seit dem Transporterunfall in Folge „Kirk : 2 = ?“ sowieso von der Kopiererei die Schnauze voll.)

  2. Spock: Verlinkung der gesamten Box mit JavaScript, der Click auf die Box wird einfach ans a-Element durchgereicht.

  3. Pille: Verlinkung der gesamten Box mit HTML, d.h. der gesamte Boxinhalt im a-Element.

    Zusätzliches Markup (ein Element mit aria-hidden-Attribut; oder wolltest du dieses Attribut an alle Kindelemente außer dem einen vergeben?), Verletzung der Ersten Direktive: Verwende kein ARIA, wenn du nicht musst.

    Zusätzliches CSS, um alle Kindelemente außer dem einen nicht als Linktext erscheinen zu lassen (nicht farbig, nicht unterstrichen).

    Der Text lässt sich auch hier schwer markieren/kopieren. (Pille mochte den Transporter noch nie.)

    Der Text „DeForest Kelley as Dr. Leonard ‘Bones’ McCoy, chief medical officer“ wird im Screenreader überhaupt nicht vorgelesen, sondern lediglich „read more about Bones“. Soll das so? Ich denke, nein.

    Eine bittere Pille.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 119

Navigation nachbauen

Bernd
  • css
  • html
  1. 0
    Gunnar Bittersmann
    1. -1
      Bernd
      1. 1
        Gunnar Bittersmann
        1. 0
          Bernd
          1. 1
            ursus contionabundo
            1. 0
              Bernd
              1. 1
                ursus contionabundo
                • meinung
            2. 0
              klawischnigg
              1. 1
                Gunnar Bittersmann
                • meinung
                1. 0
                  Bernd
                  1. 0
                    Christian Kruse
                    • moderation
                2. 0
                  klawischnigg
              2. 2
                marctrix
                1. 1
                  Christian Kruse
                  1. 0
                    marctrix
                2. 0
                  klawischnigg
                  1. 0
                    marctrix
                  2. 0
                    Gunnar Bittersmann
              3. 1
                beatovich
          2. 1
            Gunnar Bittersmann
            • meinung
            1. -1
              Bernd
              1. 1
                Gunnar Bittersmann
                1. -1
                  Bernd
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Bernd
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Bernd
                    2. 3
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                        1. 1
                          dedlfix
                          1. 0
                            Gunnar Bittersmann
                            1. 2
                              dedlfix
                              1. 0
                                Gunnar Bittersmann
                                1. -3
                                  Bernd
                                  1. 4

                                    Politische Ränder

                                    ursus contionabundo
                                    • meinung
                                    • politik
                                2. 2
                                  dedlfix
                                3. 0
                                  Matthias Apsel
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0

                                      Viel Ehr ...

                                      ursus contionabundo
                                  2. 0
                                    Bernd
                                    1. 0
                                      Christian Kruse
                  2. 2

                    Bitte nicht so. Danke!

                    ursus contionabundo
            2. 0
              Hans
              1. 0
                Matthias Apsel
              2. 3
                marctrix
                1. 0
                  Hans
                  1. 1
                    marctrix
                    • barrierefreiheit
                    • meinung
                    1. 0
                      Hans
                  2. 1
                    Gunnar Bittersmann
          3. 2
            marctrix
            1. 0
              Gunnar Bittersmann
              1. -1
                dedlfix
                1. 0
                  Gunnar Bittersmann
                  • meinung
                  1. -1
                    Bernd
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        Bernd
                        1. 1
                          Matthias Apsel
                          1. 0
                            Bernd
                            1. 0
                              marctrix
                        2. 2
                          marctrix
                          1. 0
                            Mitleser
                          2. 0
                            Bernd
                            1. 1
                              Gunnar Bittersmann
                              1. -2
                                Bernd
                                1. 1
                                  Gunnar Bittersmann
                                  1. 0
                                    Bernd
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Bernd
                                        1. 1
                                          Gunnar Bittersmann
                                          1. 0
                                            Bernd
                                            1. 0
                                              marctrix
                                              1. 0
                                                Bernd
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    Bernd
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          marctrix
                                                          1. 0
                                                            Bernd
                                                          2. 0
                                                            Matthias Apsel
                                                            1. 0
                                                              marctrix
                                            2. 0

                                              Fertiges Beispiel ohne Bootstrap

                                              Bernd
                                              1. 1
                                                Matthias Apsel
                                                1. 0
                                                  Bernd
                                                  1. 1
                                                    Matthias Apsel
                                                    1. 0
                                                      Bernd
                                                  2. 0
                                                    Matthias Apsel
                                                2. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    Bernd
                                                    1. 1
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          Gunnar Bittersmann
                                                        2. 0
                                                          marctrix
                                                          • css
                                                          • flexbox
                                                          1. 1

                                                            ganze Box verlinken

                                                            Gunnar Bittersmann
                                                            • barrierefreiheit
                                                            • html
                                                            • star trek
                                                            1. 0
                                                              marctrix
                                                              • barrierefreiheit
                                                              • html
                                                            2. 0
                                                              ursus contionabundo
                                                              1. 0
                                                                MudGuard
                                                                • menschelei
                                                                1. 0
                                                                  ursus contionabundo
                                                                2. 0
                                                                  Gunnar Bittersmann
                                                              2. 1
                                                                Gunnar Bittersmann
                                                                • barrierefreiheit
                                                                • css
                                                                • html
                                                                1. 0
                                                                  ursus contionabundo
                                        2. 0
                                          marctrix
                                      2. 0
                                        marctrix
                                        1. 0
                                          Bernd
                                          1. 0
                                            marctrix
                                  2. 0
                                    Bernd
                            2. 1
                              beatovich
                              1. 0
                                Bernd
                          3. 1
                            marctrix
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 1
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        marctrix
                      2. 0
                        Matthias Apsel
                        1. 0
                          marctrix
                        2. 0

                          Aufträge aus moralischen Gründen abzulehnen ...

                          ursus contionabundo
                    2. 1
                      beatovich