Maximilian Baumgart: Neues, barrierefreieres Design für SelfHTML?

Hi,
Ich hatte ja schon mal vor einigen Monaten meine Meinung dazu geäußert und mir ein neues Design zur neuen SelfHTML-Version "gewünscht"...
Da selbige wohl noch eineige Zeit auf sich warten lässt, habe ich mich einfach mal daran versucht, das derzeitige Design der Startseite, ohne Tabellendesign und Stattdessen mithilfe von CSS zu gesatlten, wobei ich auf poitionierte Bereiche ebenfalls verzichtet habe.
Das Ergebnis (http://free.pages.at/maxb88/selfhtml/)ist längst nicht perfekt, sieht wohl nur im Opera so aus, wie es soll und lässt noch Aural-, Handheld- und Druckstylesheets vermissen. Zudem hatte ich keine Lust, jetzt noch Workarounds und Hacks einzubauen, mit denen das ganze in mozilla/Ie besser aussehen könnte , aber das könnte noch kommen.
Ich will das ganze einfach mal in den Raum stellen und fragen, was ihr davon haltet... Ist es überhaupt barrierefrei und aöllgemein zugänglich, wenn's doch nur im Opera "optimal" aussieht?
Ist die "versteckte Tabelle" in der Navi, die ich mittels display:table(-cell) erreicht habe, weil mir das mit FDloats irgentwie nicht gelang, ok...

Ich hoffe das ganze ist eine ordentliche Grundlage für weitere Diskussionen...

MfG,
Max.

  1. Moin!

    Da selbige wohl noch eineige Zeit auf sich warten lässt, habe ich mich einfach mal daran versucht, das derzeitige Design der Startseite, ohne Tabellendesign und Stattdessen mithilfe von CSS zu gesatlten, wobei ich auf poitionierte Bereiche ebenfalls verzichtet habe.

    Ok, sieht zwar grafisch irgendwie noch nicht überzeugend aus, aber ist wahnsinnig barrierefrei. Lynx freut sich.

    Allerdings: Die spannende Frage "Wie kriegt man den Inhalt präsentiert" hast du noch nicht dargelegt. :)

    Ist die "versteckte Tabelle" in der Navi, die ich mittels display:table(-cell) erreicht habe, weil mir das mit FDloats irgentwie nicht gelang, ok...

    Nein. Wenn du Tabellenlayout haben willst, dann mach Tabellenlayout mit Tabellen. Damit haben weniger Browser ein Problem, als mit dieser versteckten Tabelle, würde ich meinen.

    Ob es schlau ist, sämtliche Bilder aus der Seite zu verbannen, ist auch diskussionswürdig. Alt-Attribute sind ja keine Teufelsbrut.

    Wie gesagt: Optisch überzeugt mich der Stand nicht wirklich. Und das ist nun mal das erste, was den typischen Verwender anstrahlt.

    - Sven Rautenberg

    --
    "Beim Stuff für's Web gibts kein Material, was sonst das Zeugs ist, aus dem die Sachen sind."
    (fastix®, 13. Oktober 2003, 02:26 Uhr -> </archiv/2003/10/60137/#m338340>)
    1. Mh, offenbar hast du dir das design mit dem Ee angeschaut und da gibt's wirklich wenig an design und bildern, weil ich einiges an CSS verwende, mit dem der Ie nicht klarkommt. Um mal klarzustellen, wie das Design dannn "normalerweise" aussehen sollte, habe ich mal ein Bild hochgeladen. Es ging mir also nicht darum, dass design groß zu verändern, sondern es mit CSS "nachzubauen"...

      1. habe d'ehre

        Mh, offenbar hast du dir das design mit dem Ee angeschaut und da gibt's wirklich wenig an design und bildern, weil ich einiges an CSS verwende, mit dem der Ie nicht klarkommt.

        Seltsam, bei Firebird nimmt der graue Kopf 50% der Anzeige ein. Ausserdem liegt die Schwierigkeit nicht bei der Startseite, sondern bei den Folgeseiten mit tiefergehender Navigation. Es gab mal einen kleinen "Wettbewerb" dafuer, naeheres irgendwo in den Tiefen des Archiv.

        Dein Vorhaben in allen Ehren, aber Deine Aussage "IE und Mozilla" funktionieren nicht so wie es sein soll" disqualifiziert Dein Vorhaben. Man kann den IE moegen oder nicht oder der IE kann diesen oder jenen Mangel haben: ein Webdokument dieses Kalibers sollte die am meisten verbreiteten Browser richtig bedienen. Ein Muster zu praesentieren, welches weder im IE noch im Mozilla sauber angezeigt wird hat seinen Zweck verfehlt, egal wie barrierefrei es ist.

        carpe diem
        Wilhelm

        1. Sorry, ich wusste noch nichts von einem solchen Wettbewerb und ich hatte ehrlich gesagt keine Lust, der Site für den IE noch X Workarounds hinzuzufügen (Ich weiß, das disqualifiziert mich jetzt, aber manche "optimieren" die sites ja erst für den IE und dann für die anderen Browser und das ist imho auch nicht das wahre); ich wollte einfach nur mal einen Vorschlag machen, ohne daran stundenlang zu sitzen (owohl, es waren wohl doch mehrere stunden...), der wie ich ja schon sagte an einigen stellen noch ziemlichen Entwicklungsbedarf hat...

          1. Hallo Maximilian,

            ich würde eher über einen anderen weg nachdenken:
            in den üblichen browsern funktioniert das ganze ja soweit, also besteht da nicht unbedingt ein grosser änderungsbedarf.
            wie wäre es denn, wenn man ein (z.b.) php-script baut, das alle inhalte, die mit lynx & co darstellbar sind, aus den vorhandenen, im prinzip doch nach einem einheitlichen muster erstellten seiten extrahiert und eine special-edition für solche browser anbietet, mit denen das bisherige dokument nicht so optimal angezeigt/vorgelesen werden kann?

            freundl. grüsse aus berlin, Raik

        2. So, ich hab' jetzt mal die "versteckte Tabelle" 'rausgeschmissen und einige andere Änderungen gemacht, sodass das Design jetzt sowohl im IE, als auch im Mozilla (mit einigen kleinen Abstrichen) so aussieht, wie es soll.
          Ich hoffe, das macht das ganze für dich ein wenig annehmbarer :-)...

      2. Hi Maximilian Baumgart,

        Es ging mir also nicht darum, dass design groß zu verändern, sondern es mit CSS "nachzubauen"...

        Da liegt aber eben der Hase im Pfeffer: Die konkrete Schwierigkeit besteht eben darin, dass das vorliegende Layout nicht so ohne weiteres für alle Browser mit CSS nachgebaut werden kann. Stefan Münz hat bereits einmal einen Wettbewerb ausgeschrieben und es waren sogar passable Resultate dabei, aber eben keins, das komplett auf allen Browsern funktionierte und gleichzeitig sehr nahe am Original war.

        Was Sven Dir bereits angedeutet hat: Wenn der Einsatz von CSS ein sinnvolles Ergebnis zeitigen soll, muss man ein darauf zugeschnittenes, neues Layout entwerfen, und das ist, wie Du Dir vorstellen kannst, ein heftiger Schritt für ein gut eingeführtes Produkt...

        Viele Grüße
        Mathias Bigge

        1. Hi Mathias Bigge!
          Ja, ich bin mittlerweile zur Überzeugung gekommen, dass ein layout, dass in allen browsern einigermaßen gleich aussehen soll wohl einige Abweichungen vom jetzigen Design haben müsste...
          MfG,
          max.

          1. Hallo.

            Ja, ich bin mittlerweile zur Überzeugung gekommen, dass ein layout, dass in allen browsern einigermaßen gleich aussehen soll wohl einige Abweichungen vom jetzigen Design haben müsste...

            Ich bin schon froh, hier ein eigenes CSS benutzen zu können, da dass jetzige Design in meinen Augen schmerzt. Dass andererseits bei einem Relaunch keine Verbesserung erzielt werden muss, zeigen prominente Beispiele immer wieder. So erfreue ich mich eben an den Inhalten und bastle immer einmal wieder am Design herum.
            MfG, at

      3. So ungefähr siehts im Mozilla auch aus..

        Du wirst es eh nicht so leicht schaffen die Site perfekt nach zu bauen, so dass diese in jedem Browser gleich aussieht.
        Aber wenn eine Website beim IE & Mozilla nicht gut aussieht dann sollte man schon noch einiges nachbessern.

  2. N'Obend!

    Sagt mal, hat sich einer von euch Pappnasen (lieb gemeint ;) ) mal die jetzige Seite im lynx angeschaut?
    Sieht super aus. Besser wird das mit CSS Layout auch nicht mehr.
    Warum also auf teufelkommraus ein CSS-Layout?

    (Ja, ich kenn die Argumente dafür, aber wenn, dann gleich ein komplett neues Design. Mit so einer Portierung wird das nix)

    dbenzhuser

    1. Hallo,

      Warum also auf teufelkommraus ein CSS-Layout?

      Damit die CSS-Fundamentalisten unter uns nichts mehr zu meckern haben. Allerdings werden dann die Tabellen-aus-Überzeugung-Fundis was zu meckern haben. Und die Netscape-3-Gold-User. Und die IE-2-User. Man kann es aber auch niemandem Recht machen. ;-)

      Viele Grüße,
      Christian

      1. Damit die CSS-Fundamentalisten unter uns nichts mehr zu meckern haben. Allerdings werden dann die Tabellen-aus-Überzeugung-Fundis was zu meckern haben. Und die Netscape-3-Gold-User. Und die IE-2-User. Man kann es aber auch niemandem Recht machen. ;-)

        Bin grad dabei nochmal Win95 aufzuspielen, dann kann ich endlich wieder den IE4 benutzen. Und das mach ich wirklich!

        dbenzhuser

  3. Da selbige wohl noch eineige Zeit auf sich warten lässt, habe ich mich einfach mal daran versucht, das derzeitige Design der Startseite, ohne Tabellendesign und Stattdessen mithilfe von CSS zu gesatlten, wobei ich auf poitionierte Bereiche ebenfalls verzichtet habe.

    Wie groß wird in diesem Forum eigentlich die barrierefreie Rechtschreibung geschrieben?

    Sorry, could not resist.