Sie sind vermutlich noch nicht im Forum angemeldet - Klicken Sie hier um sich kostenlos anzumelden  
logo
Sie können sich hier anmelden
Dieses Board hat 186 Mitglieder
699 Beiträge & 182 Themen
Beiträge der letzten Tage
Foren Suche
Suchoptionen
  • Thema von philosapiens im Forum Fragen zu (X)HTML und...

    Hallo 1ngo,

    zuerst möchte ich mich für die vielen tollen Vorschläge zur Website-Gestaltung auf das herzlichste bei Dir bedanken!

    Frei nach Deinem Motto, wer privat eine Seite erstellt sollte sich auch die Zeit nehmen diese sauber zu erstellen, habe ich auch einmal ein wenig versucht, eine barrierefreie Seite zu schreiben.

    Es würde mich sehr freuen, wenn Du die Zeit und das Interesse finden könntest, Dir mal meine Kreation etwas genauer unter die Lupe zu nehmen. Auch wenn es so aussehen mag, es ist keine Seite mit kommerziellen Interessen!

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     

    <?php
    if $gruss == true{
    echo "liebe Gr&uuml;&szlig;e";
    }
    else {
    echo "und tsch&uuml;ss";
    }
    echo "philosapiens"
    ?>
     
     




    EDIT:

    Sorry, hier meine Adresse: http://idealseiten.de

    Und dann hätte ich da noch eine Frage zu den unterschiedlichen Abständen zwischen den div´s. Im IE sieht alles so "zusammen" aus, wie es sein sollte, doch in allen anderen Browsern ist ein verschieden großer Abstand zwischen dem header und dem Datum und dem darunter liegenden Content.

    Oder noch anders gefragt:

    Bei folgendem Code:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     

    ....
    <body>
    <div>
    <p>Text</p>
    </div>
    <div>
    <p>Text</p>
    </div>
    </body>
    ....
     
     


    ..habe ich zwischen den beiden div´s nur im IE keinen Abstand. Im FF2 habe ich einen Abstand von 11px und im Opera einen von 9px. ...aber erklären kann man das nicht. Oder?


    echo $gruss."philosapien";

    [ Editiert von philosapiens am 24.08.08 19:08 ]

    [ Editiert von philosapiens am 24.08.08 19:09 ]

  • Thema von philosapiens im Forum Fragen zu (X)HTML und...

    Hallo Ingo,

    beim Abarbeiten Deiner Tipps zur Verbesserung meiner Seite habe ich nun feststellen müssen, dass es wohl unzählige Arten gibt, wie und wo man den Link zum Überspringen der Navigation setzen kann.
    Die meisten setzen ihn so wie Du auch, recht versteckt. Eine witzige Variante fand ich auf http://www.thestyleworks.de/ , wo dieser als Bild verpackt ist. Die bisher für mich am interessantesten erscheinde Variante fand ich jedoch auf http://www.webstein.at/ , wo gleich der ganze Header unsichtbar ist.
    Auszug aus dem dortigen Quelltext:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
        <body>
    <div id="main_box">
     
    <h1 class="hide">Webstein - New Media Services | Webdesign, Grafikdesign und Multimedia aus Wien.</h1>
     
    <p class="hide"><a href="#inhalt">Zum Inhalt.</a></p>
     
    <h2 class="hide">Navigation und Einstellungen.</h2>
     
    <div id="header">
     


    Der CSS-Code lautet dafür:

    1
     
    .hide {display:block; height:0px; line-height:0px; width:0px; visibility:hidden; position:absolute;}
     



    Meine Frage lautet nun:

    Macht es Sinn, den Link zum Überspringen der Navigation so zu verstecken, dass er wirklich nur von Screenreadern gefunden wird, oder ist dieser auch anderweitig barrierefrei von Nutzen?

    Liebe Grüße philosapiens

Inhalte des Mitglieds philosapiens
Beiträge: 4

Datenschutzerklärung
Auf die vom Anbieter dieses kostenfreien Forums gespeicherten Daten habe ich keinen Einfluss.
Wenden Sie sich zum Datenschutz für dieses Forum bitte an die verantwortliche Miranus GmbH.

Xobor Forum Software von Xobor | Forum, Fotos, Chat und mehr mit Xobor
Datenschutz