JürgenB: Suche einen Sorting-Button bzw. ein Sorting Icon

Beitrag lesen

Hallo Marc,

<button type="button" class="sortbutton sortedasc" aria-current="true">
  <span class="visually-hidden">Sortiere aufsteigend nach </span>
  <span class="visually-hidden">Sortiere absteigend nach </span>
  Vorsilbe
</button>
  1. "Sortiere aufsteigend nach" und "Sortiere absteigend nach" wird blinden immer vorgelesen, egal wodrauf der Button steht. Sollte natürlich nur das jeweils richtige sein.

Einer der beiden Texte wird per css/Javascript mit display: none; versehen. Wird er dann trotzdem vorgelesen?

Nein, das sorgt dafür, dass der Text nicht mehr dargestellt wird. Nicht optisch, nicht akustisch, überhaupt nicht. 😉

aber das ist doch das gewünschte. Es wird der Text eingeblendet, der die Sortierrichtung anzeigt.

Besser fände ich nach einigem Nachdenken: ohne JavaScript "Sortiere nach Vorsilbe" ...

das müsste dann aber vom Seitenautor in den HTML-Quelltext gesetzt werden. Für das Wiki-Beispiel ist das aber nicht von Interesse, da es keinen Serverfallback gibt. Ohne Javascript ist es einfach nur eine statische Tabelle.

...und mit Java Script sortiere <span>aufsteigend | absteigend</span> nach Vorsilbe"…

also so, wie es ist, oder soll der Text aufsteigend | absteigend immer angezeigt werden?

Gruß
Jürgen

0 71

Suche einen Sorting-Button bzw. ein Sorting Icon

hmm
  • css
  • html
  1. 2
    Gunnar Bittersmann
    1. 0
      marctrix
  2. 1
    JürgenB
    1. 0
      marctrix
      1. 0
        JürgenB
        • barrierefreiheit
        • css
        • html
        1. 0
          JürgenB
        2. 0
          marctrix
          1. 0
            JürgenB
            1. 0
              JürgenB
              1. 0
                Matthias Apsel
                1. 0
                  JürgenB
                  1. 0
                    Matthias Apsel
                    1. 0
                      JürgenB
                      1. 0
                        Matthias Apsel
            2. 0
              marctrix
              1. 0
                marctrix
                1. 0
                  JürgenB
                  1. 0
                    marctrix
                    1. 0
                      JürgenB
                      1. 0
                        marctrix
                        1. 0
                          JürgenB
                          1. 0
                            marctrix
                            1. 0
                              JürgenB
                              1. 0
                                marctrix
                                1. 0
                                  JürgenB
                                  1. 0
                                    marctrix
                                    1. 0
                                      JürgenB
                                      1. 0
                                        marctrix
                                        1. 0
                                          JürgenB
                                      2. 0
                                        Matthias Apsel
                                        1. 0
                                          JürgenB
                                          1. 0
                                            Matthias Apsel
                                            1. 0
                                              JürgenB
                                              1. 0
                                                Matthias Apsel
                              2. 1
                                Gunnar Bittersmann
                                1. 1
                                  JürgenB
  3. 1
    Gunnar Bittersmann
    • barrierefreiheit
    • css
    • html
    1. 0
      JürgenB
      1. 0
        Gunnar Bittersmann
        1. 1
          JürgenB
          1. 0
            marctrix
  4. 0
    hmm
    1. 0
      hmm
      1. 0
        Der Martin
        • css
        • html
        • javascript
        1. 0
          Gunnar Bittersmann
          • javascript
        2. 0
          marctrix
      2. 1
        Gunnar Bittersmann
        • html
      3. 0
        JürgenB
  5. 0
    DevMat
    1. 1
      Gunnar Bittersmann
    2. 1
      Der Martin
  6. 0
    hmm
  7. 0

    Jetzt brauch ich außerdem noch eine Sortierungsidee, weil mein REST nur vorsortiert

    hmm
    1. 0
      dedlfix
      1. 0
        hmm
        1. 0
          dedlfix
          1. 0
            hmm
            1. 0
              Gunnar Bittersmann
              • javascript
              1. 0
                hmm
                1. 2
                  JürgenB
                  1. 0
                    hmm
                    1. 1
                      JürgenB
                      1. 1
                        Gunnar Bittersmann
                2. 1
                  Rolf B
                  1. 0
                    hmm
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      Rolf B
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Mitleser
                        2. 0
                          Rolf B