Nico2: Das leidige Thema Input[type=file]

Beitrag lesen

Wenn man den Inhalt mit HTML vernünftig auszeichnet (dazu gehört auch Label als label, Buttons als button), dürfte eine Seite ist erstmal barrierefrei sein, so wie sie auch responsiv ist – wenn man dem nicht mit CSS oder JavaScript entgegenwirkt.

Okay, aber auf CSS und JS zu verzichten ist doch keine Lösung. Daher weiß ich nicht, worauf du abzielst. CSS und JS sind wie HTML für mich Tools mit denen man Sites barrierefrei machen kann.

Eine nackte unbedarfte HTML Seite ist nicht barrierefrei sondern wahrsch. eine Katastrophe. Die INHALTE die mit HTML ausgezeichnet werden müssen auch barrierefrei sein.

Zur Barrierefreiheit gehören

  • verständlicher Aufbau der ganzen Site und einzelner Seiten, Navigation
  • Texte und Daten gut strukturieren
  • sninvolle Reihenfolge, Tastatur Bedienung
  • Alternative Texte für Grafiken
  • Zugänglichkeit von Audio, Video u. Animationen, Untertitel, Transcripts, Steuerung
  • Lese- und Lernschwächen beachten, ggf. leichte Sprache
  • Farbkontraste testen, beim Design Farbfehlsichtigkeit beachten
  • WAI ARIA für JavaScript Dynamik
  • Vergrößerbarkeit vom Text, flexibles Layouts
  • ggf. Gebärdensprache, Text to Speech
    usw. die Liste lässt sich noch lange fortsetzen aber es ist schon spät. Man muss nur mal einen Blick in die WCAG werfen.

Das wirkt sich freilich in der Umsetzung aufs HTML aus und umfasst auch "Buttons mit <BUTTON>" aber noch viel viel mehr.

Das muss man von Anfang an in der Konzeption beachten, bevor man HTML schreibt. Eine Site wird nicht automatisch barriefrei nur weil man ein paar HTML Regeln kennt. Man muß aktiv dafür sorgen auf versch. Ebenen.

MfG
Nico

0 70

Das leidige Thema Input[type=file]

Robert R.
  • css
  1. 0
    hotti
  2. 0
    Gunnar Bittersmann
    1. 0
      Robert R.
      1. 0
        Auge
      2. 2
        Gunnar Bittersmann
        • meinung
        1. 0
          Mitleser
          1. 0
            Gunnar Bittersmann
            1. 0
              Mitleser
              1. 1
                Gunnar Bittersmann
                1. 0
                  Klawischnigg
                  1. 3
                    1UnitedPower
                    1. 0
                      Klawischnigg
                      1. 0
                        1UnitedPower
                        1. 0
                          Klawischnigg
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Klawischnigg
                              1. 0
                                Gunnar Bittersmann
                          2. 1
                            1UnitedPower
                            1. 0
                              Klawischnigg
                              1. 0
                                1UnitedPower
                                1. 0
                                  Klawischnigg
                    2. 0
                      Gunnar Bittersmann
                      1. 0
                        1UnitedPower
                    3. 0
                      Mitleser
                      1. 0
                        1UnitedPower
                        1. 0
                          Mitleser
                          1. 0
                            1UnitedPower
                            1. 0
                              Mitleser
                              1. 0
                                Camping_RIDER
                                1. 0
                                  Klawischnigg
                                  1. 0
                                    Camping_RIDER
                      2. 0
                        Camping_RIDER
                        1. 0
                          Klawischnigg
                          1. 5
                            Camping_RIDER
                            1. 0
                              Klawischnigg
                            2. 0
                              1UnitedPower
                        2. 2
                          Schuer
                          1. 0
                            Matthias Apsel
                    4. 0
                      Nico2
                      1. 2
                        Der Martin
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Nico2
                          1. 0
                            Camping_RIDER
                          2. 2
                            Gunnar Bittersmann
                            1. 0
                              Nico2
                              1. 0
                                Camping_RIDER
                                1. 0
                                  Nico2
                                  1. 0
                                    Gunnar Bittersmann
                                  2. 1
                                    Camping_RIDER
          2. 0
            Gunnar Bittersmann
            1. 0
              Mitleser
        2. 0
          Nico2
          1. 0
            Gunnar Bittersmann
            1. 0
              JürgenB
              1. 0
                Matthias Apsel
                1. 0
                  JürgenB
              2. 0
                Christian Kruse
              3. 0
                Mitleser
                1. 0
                  Gunnar Bittersmann
                  1. 0

                    Das Leben ist hart :)

                    JürgenB
                    • menschelei
            2. 0
              Nico2
              1. 0
                Gunnar Bittersmann
            3. 0
              Alex
              1. 1
                Camping_RIDER
                1. 0
                  Alex
                  1. 0
                    Camping_RIDER
                    1. 0
                      Alex
  3. 0
    Nico2
  4. 0
    Felix Riesterer