Sven Rautenberg: Elemente für Navigationslisten

Beitrag lesen

Moin!

Nur eine Anmerkung:

<dir> - Yet another List - braucht(e) die jemand?
[...]
<menu> - Yet another List - braucht(e) die jemand?

Wenn man sich http://www.w3.org/TR/xhtml2/mod-list.html#edef_list_nl anschaut, haben einige durchaus die Meinung, dass es ein Element speziell für Navigations(menü)-Listen geben sollte.

Naja, die kommen etwas spät damit. Es sind zwar in der Spec zu HTML 4.01 keine Gründe für das Abschaffen von <dir> und <menu> genannt, aber immerhin steht drin:
"The DIR element was designed to be used for creating multicolumn directory lists. The MENU element was designed to be used for single column menu lists. Both elements have the same structure as UL, just different rendering. In practice, a user agent will render a DIR or MENU list exactly as a UL list.

We strongly recommend using UL instead of these elements."

Da HTML 4.01 morgen vor drei Jahren verabschiedet wurde, <dir> und <menu> aber mindestens seit HTML 2.0 im Standard enthalten sind, haben die Browserhersteller die Möglichkeiten nicht genutzt, <dir> und <menu> einzubauen.

Außerdem (und das dürfte der Hauptgrund sein) ist die Beschreibung, was<dir> und <menu> machen sollen, eine rein Layout-technische Beschreibung.

RFC1866 sagt:
"The <DIR> element is similar to the <UL> element. It represents a list of short items, typically up to 20 characters each. Items in a directory list may be arranged in columns, typically 24 characters wide."

" The <MENU> element is a list of items with typically one line per item. The menu list style is typically more compact than the style of an unordered list."

Bei beiden darf nicht verschachtelt werden, was vermutlich das Killer-Argument gegen diese beiden Elemente war. Menüs sind nun einmal immer verschachtelt, weil die Dokumentenstruktur verschachtelt ist: Eine Buch enthält mehrere Teile mit mehreren Kapitel mit mehrern Hauptüberschriften mit mehreren Unterüberschriften ... mit mehreren Absätzen. Da man in einem Menü zumindest theoretisch bis hinunter zu den Absätzen Selektionsmöglichkeiten haben können sollte, sind die beiden Elemente dafür ungeeignet.

Ich persönlich halte es für sinnvoll, zwischen einer Liste und einer Navigationslinkliste zu unterscheiden, unabhängig davon, dass das XHTML 2 WD vorsieht, dass nl mit verschachtelten aufklappenden Boxen visualisiert werden soll.

Das mit den aufklappenden Boxen klingt zwar auf den ersten Blick nett, dürfte sich aber schätzungsweise dadurch erübrigen, dass auch XHTML 2.0 nur mit Wasser... ähm, nur mit CSS kocht. Das, was <nl> verspricht, kriegt man heutzutage schon ganz prima mit <div> hin - das spricht grundsätzlich dafür, <nl> einzuführen (denn die Browserhersteller haben da nicht viel zu ändern). Dann kriegen bislang anonyme <div>-Blöcke auf einmal eine Bedeutung, und ordentliche Browser könnten daraus auch ganz ohne CSS und Javascript eine vernünftige Navigation machen. Grafische Browser sollten und werden sich mit CSS dann recht weitgehend beeinflussen lassen.

- 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