Christian Kruse: modale Fenster

Beitrag lesen

Hallo JürgenB,

dann sollte man Felix zumindestens mit Ideen versorgen.

Ja. Leider bin ich gerade mal wieder unterwegs, deshalb hatte/habe ich keine Zeit für eine ausführlichere Antwort… im Wesentlichen läuft es darauf hinaus, dass man bei aktivem Modal überwachen muss, dass der Fokus nicht auf ein Element ausserhalb des Modals fällt. Es gibt da ein paar Beispiel-Projekte, etwa das accessible modal dialog oder das a11y-dialog, ein Fork und eine Weiterentwicklung von dem Accessible Modal Dialog.

Meine spontane ungetestete Idee: auf das Blur-Event von der Modal-Box lauschen und dann den Focus zurückholen.

Weiss nicht recht, ob das reicht. Die beiden verlinkten Projekte machen schon etwas mehr. Ein Blick in deren Code lohnt sich.

LG,
CK

0 48

modale Fenster

JSKid
  • javascript
  1. 0
    Christian Kruse
  2. 0
    dedlfix
    1. 0
      JSKid
      1. 0
        Auge
        • html
        • javascript
        • programmiertechnik
        1. 0
          JSKid
          1. 0
            dedlfix
          2. 0
            Auge
          3. 0
            Felix Riesterer
      2. 0
        dedlfix
  3. 4
    Felix Riesterer
    1. 0
      Matthias Scharwies
    2. 1
      JürgenB
      1. 1
        Christian Kruse
        1. 1
          JürgenB
          1. 0
            Christian Kruse
            1. 0
              Felix Riesterer
              1. 0
                Felix Riesterer
          2. 0
            Felix Riesterer
            1. 0
              Christian Kruse
      2. 0
        Felix Riesterer
        1. 0
          JürgenB
          1. 0
            dedlfix
            1. 0
              JürgenB
    3. 1
      dedlfix
      1. 0
        Felix Riesterer
        1. 0
          dedlfix
          1. 0
            Felix Riesterer
            1. 0
              dedlfix
              1. 0
                Felix Riesterer
                1. 0
                  dedlfix
                  1. 0
                    Felix Riesterer
                    1. 1
                      Felix Riesterer
    4. 0
      1unitedpower
      1. 0
        JürgenB
      2. 0
        Felix Riesterer
        1. 1
          1unitedpower
          1. 0
            JürgenB
            1. 0
              1unitedpower
          2. 0
            Felix Riesterer
            1. 0
              1unitedpower
    5. 0
      Felix Riesterer
      1. 0
        dedlfix
        1. 0
          Felix Riesterer
          1. 1
            dedlfix
            1. 0
              Felix Riesterer
              1. 0
                dedlfix
              2. 1
                dedlfix