Gustav: Dropdown-Menu zur Sprachenerweiterung

Beitrag lesen

Hallo,

ich habe mir nach längerem Suchen eines schlanken html5-Templates vor einiger Zeit ein selfhtml-Template angesehen und das könnte sich wohl insgesamt auch auf meine Bedürfnisse hin anpassen lassen. Dabei wollte ich zunächst auf ein Dropdown-Menu verzichten, um den Zugang möglichst barrierefrei zu gestalten. Ich hatte mit Deutsch und Englisch zwei Sprachversionen eingeplant und habe diese per Menupunkt umschaltbar angelegt.

Nun scheint es aber sinnvoll, die Anzahl der Sprachen zu erweitern. Wenn ich es richtig verstanden habe, wäre zur Erhaltung der Barrierefreiheit nur eine Javascript-Lösung, wie sie hier vorgestellt wird, möglich. Ich bin den Code mal durchgegangen, vermute aber, dass ich davon eigentlich nur einen Bruchteil für meine Herausforderung benötige.

Zum besseren Verständnis füge ich hier einen Link zum responsive Layout mit ein: http://1.eyes2k.com Der rechte Menu-Eintrag (de) soll beim Überfahren bzw. Anklicken nun mehrere Sprachen zur Auswahl anzeigen.

Kann mir da jemand einen Tip geben, wie ich das schlank umsetzen kann?

Beste Grüße und auch Geburtstagswünsche ans Forum, Gustav

0 120

Dropdown-Menu zur Sprachenerweiterung

Gustav
  • barrierefreiheit
  • javascript
  1. 0
    Gunnar Bittersmann
    • design
    • internationalisierung
    1. 0
      klawischnigg
      1. 0
        Tabellenkalk
        1. 1
          kai345
          1. 0
            Gunnar Bittersmann
            1. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  klawischnigg
                  1. 0
                    Der Martin
                    1. 0
                      Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      klawischnigg
        2. 0
          klawischnigg
          1. 0
            Der Martin
            • humor
            • sprache
            1. 1
              klawischnigg
  2. 1
    Rolf B
    1. 0
      Gustav
      1. 0
        Gunnar Bittersmann
        • internationalisierung
        • ux
        1. 0
          Gustav
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
            2. 0
              JürgenB
              1. 0
                Gunnar Bittersmann
                1. 0
                  JürgenB
                  1. 0
                    Gunnar Bittersmann
                2. 1
                  MudGuard
                  • humor
                  1. 1
                    Gunnar Bittersmann
                  2. 0
                    Tabellenkalk
                    1. 0
                      MudGuard
                    2. 0
                      Rolf B
                      1. 0
                        Tabellenkalk
                        • grusel
                        • humor
                    3. 0
                      Gunnar Bittersmann
                      • grusel
                      • humor
                3. 1
                  Mitleser 2.0
                  1. 0
                    Mitleser 2.0
                    1. 0
                      Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      JürgenB
                      1. 0
                        Der Martin
                        1. 0
                          Matthias Apsel
                          1. 0
                            Mitleser 2.0
                            1. 0
                              Rolf B
                              1. 0
                                Matthias Apsel
                            2. 0
                              Gunnar Bittersmann
                              1. 0
                                JürgenB
                                1. 0
                                  Rolf B
                                  1. 0
                                    JürgenB
                                    1. 0
                                      JürgenB
                                      1. 0
                                        Matthias Apsel
                                      2. 0
                                        Tabellenkalk
                                      3. 0
                                        Rolf B
                                        1. 0
                                          Tabellenkalk
                                          1. 0
                                            Rolf B
                                        2. 1
                                          kai345
                                        3. 0
                                          JürgenB
                                          1. 0
                                            Matthias Apsel
                                          2. 0
                                            Der Martin
                                    2. 0
                                      Matthias Apsel
                                      1. 0
                                        JürgenB
                                    3. 0
                                      JürgenB
                                      1. 0
                                        Rolf B
                                        1. 0
                                          JürgenB
                                          1. 0
                                            Rolf B
                                            1. 0
                                              JürgenB
                                              1. 0
                                                Matthias Apsel
                                              2. 0
                                                Rolf B
                                                1. 0
                                                  JürgenB
                                                  1. 1
                                                    JürgenB
                                                    1. 0
                                                      Mitleser 2.0
                                2. 2
                                  Mitleser 2.0
                    2. 0
                      Mitleser 2.0
                      1. 0
                        Tabellenkalk
              2. 0
                Matthias Apsel
              3. 0
                Gustav
                1. 0
                  JürgenB
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    JürgenB
                    1. 0
                      Gustav
                      1. 1
                        Matthias Apsel
                        1. 1
                          Matthias Apsel
                          • sonstiges
                          1. 0
                            Gustav
                            1. 0
                              Rolf B
                              1. 0
                                Gustav
                                1. 0
                                  Rolf B
                                  1. 0
                                    Gunnar Bittersmann
                                    • css
                                    1. 0
                                      Gustav
                                  2. 0
                                    Gustav
                                    1. 0
                                      Rolf B
                                      1. 0
                                        Matthias Apsel
                                      2. 0
                                        Gustav
                                        1. 0
                                          Gunnar Bittersmann
                                        2. 0
                                          Rolf B
                                          1. 0
                                            Gustav
                                    2. 1
                                      JürgenB
                                      1. 0
                                        Gustav
                                        1. 0
                                          JürgenB
          2. 0
            Gunnar Bittersmann
  3. 0
    Linuchs
    • sprache
    1. 0
      Der Martin
      1. 0
        JürgenB
        1. 0
          Linuchss
    2. 1
      Gunnar Bittersmann
      • internationalisierung
      • sprache
      1. 0
        Gunnar Bittersmann
      2. 0
        Der Martin
        1. 0
          Gunnar Bittersmann
          • html
          • internationalisierung
          • sprache
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
              • internationalisierung
              • sprache
              • ux
              1. 0
                Der Martin
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Der Martin
                    1. 0
                      Gunnar Bittersmann
              2. 0
                Tabellenkalk
          2. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
              • browser
              • html
              • internationalisierung
    3. 0
      Gunnar Bittersmann
      • sprache
      • typografie
      1. 0
        Linuchs
      2. 0
        klawischnigg
        1. 0
          Gunnar Bittersmann
          1. 0
            klawischnigg
            1. 0
              Gunnar Bittersmann