Sven Rautenberg: Barrierefreiheit vs. Design oder Barrierefreiheit und Design?

Beitrag lesen

Moin!

Mir stellt sich aber die Frage, ob die hohen Ansprüche des Artikels mit einem modernen (auch grafischen) Design vereinbar sind, oder ob die Erfüllung der Anforderungen nicht zwangsläufig zu einer optisch minimalistischen Seite führen muss.

Bis zu einem gewissen Grade sind Barrierefreiheit und Design absolut miteinander vereinbar.

Schritt 1: Alles, was man aufgrund der Barrierefreiheit zusätzlich angeben kann, was das Design aber absolut nicht beeinflusst - beispielsweise alt-Attribute sinnvoll füllen.

Schritt 2: Gimmicks nur optional einsetzen - wie z.B. Javascript. Man muß ohne auskommen können, und dennoch auf der Seite vorwärtskommen.

Schritt 3: Sinnvolles, logisches Markup. <h1>, <h2>, <p> statt <div>, <div>, <div>.

Wenn man nach diesen drei Schritten die Seite mal im Lynx betrachtet und damit erstens versteht, was geschrieben wurde, zweitens alle Seiten erreichen kann und drittens die Seite vom Aufbau her sogar Sinn macht, dann ist ein großer Schritt getan. Nach meiner Erfahrung ist dieses Stadium absolut ohne Designeinschränkungen erreichbar. Außerdem erhält man für Suchmaschinen wertvollere Seiten - IMHO.

Damit sollte man schon mal einen recht großen Schritt in Richtung "WAI-A-Level" getan haben. Das "AA" oder sogar "AAA" hingegen ist nicht mehr so leicht erreichbar.

Mich würde einmal interessieren, ob es ein paar Beispielseiten gibt, die neben gutem optischen Design auch die Anforderungen an Barrierefreiheit erfüllen?

Du weißt ja: Meine Seite ist angeblich häßlich - aber sie ist (wieder mal IMHO) ziemlich barrierefrei. Zumindest sieht sie im Lynx _auch_ gut aus. Und ja, dass dort die Links ganz unten auf der Seite stehen, ist Absicht. Zur Vernetzung mit <link> bin ich leider noch nicht gekommen.

- Sven Rautenberg

--
"Bei einer Geschichte gibt es immer vier Seiten: Deine Seite, ihre Seite, die Wahrheit und das, was wirklich passiert ist." (Rousseau)
0 58

Barrierefreiheit vs. Design oder Barrierefreiheit und Design?

Axel
  • design/layout
  1. 0
    Sven Rautenberg
    1. 0
      Axel
      1. 0
        Sven Rautenberg
        1. 0
          AnalphaBestie
          1. 0
            Sven Rautenberg
            1. 0
              Axel
      2. 0
        molily
        1. 0
          Axel
    2. 0
      Cyx23
      1. 0
        Kai Lahmann
        1. 0
          Cyx23
          1. 0
            Kai Lahmann
            1. 0
              Cyx23
              1. 0
                Kai Lahmann
                1. 0
                  Cyx23
                  1. 0
                    Christian Seiler
                    1. 0
                      Cxy23
                      1. 0
                        Christian Seiler
                      2. 0
                        Kai Lahmann
                        1. 0
                          Cyx23
                          1. 0
                            Kai Lahmann
                            1. 0
                              Cyx23
                              1. 0
                                Kai Lahmann
              2. 0
                molily
                1. 0
                  Cyx23
                  1. 0
                    Christian Seiler
                    1. 0
                      Cyx23
                      1. 0
                        Christian Seiler
                        1. 0
                          Cyx23
                          1. 0
                            Christian Seiler
                            1. 0
                              Cyx23
                              1. 0
                                Christian Seiler
                              2. 0
                                Kai Lahmann
                              3. 0
                                Sven Rautenberg
                                1. 0
                                  Cyx23
                                  1. 0
                                    Kai Lahmann
                                  2. 0
                                    Christian Seiler
                                    1. 0
                                      Cyx23
                                      1. 0
                                        Christian Seiler
                          2. 0
                            Kai Lahmann
                  2. 0
                    Sven Rautenberg
                    1. 0

                      Elemente für Navigationslisten

                      molily
                      • html
                      1. 0
                        Kai Lahmann
                      2. 0
                        Sven Rautenberg
                  3. 0
                    molily
          2. 0
            molily
    3. 0

      Design == Barrierefreiheit; Barrierefreiheit umfasst Ästhetik

      Robert Bamler
      • meinung
      1. 0
        Sven Rautenberg
        1. 0
          Robert Bamler
        2. 0
          molily
  2. 0
    Kai Lahmann
  3. 0
    Orlando
  4. 0
    Chräcker Heller
  5. 0
    Sebastian Burkhart
    1. 0
      Chräcker Heller
      1. 0
        Sebastian Burkhart
        1. 0
          Chräcker Heller