Stellt eure Homepage vor!

[wdominik]

Das title-Attribut wird WP gesetzt haben und einfach die Seitenbeschreibung dafür benutzen. Es stört ja niemanden, aber ich denke auch nicht das es essentiell für die Barrierefreiheit einer Webseite ist. Ein möglichst aussagekräftiger Linktitel ist da eher entscheidend, und jeder der Hauptpunkte ist klar und verständlich benannt. Da fällt mir eher das Negativbeispiel mit den „hier“-Links ein, das sich jeglicher Logik entzog…

 

[hokage]

Hatte die BEiträge nur überflogen und bin von eine Navigation ausgegangen. Und bei einer Navigation streiten sich die Gelehrten.
Ich bevorzuge für eine Navigation die OL.

Dass du <ol> für eine Navigation bevorzugst ist dein gutes Recht. Die Gelehrten streiten sich in diesem Punkt dennoch nicht, da in 99% aller Navigationen <ul> der semantisch richtige Tag ist. In einem Menü einer Website ordnet man die Listen- bzw. Menüpunkte nicht in einer speziellen logischen Reihenfolge an und versieht sie mit Indexzahlen (1-...), Buchstaben(a-...) oder römischen Zahlen um die Ordnung der Menüpunkte zu unterstreichen, da sie inhaltlich wichtig sind.
Ob in einem Menü der Link (Listenpunkt) zum Impressum vor, oder nach dem Link (Listenpunkt) zum Kontaktformular steht interessiert nicht und ist ohne Belang. Daher ist die Verwendung von <ol> semantisch gesehen schlicht und einfach nicht korrekt. Bei der Auszeichnung eines Inhaltsverzeichnis hingegen schon, da dort die Reihenfolge der Listenpunkte für den Inhalt eine Bedeutung haben.

Na steht doch da, es definiert einen Bereich der Website und wird zum stylen dieses Bereichs verwendet. Wo liegt da nun die Semanktik?
Anders sieht es bei den neuen HTML5 section aus.

"... defines a devision or section..." "... is used to group block-elements..."

Allein diese beiden Aussagen sind für mich der Beleg für Semantik. Der Inhalt erfährt durch den Div Tag eine semantische Auszeichnung indem er gruppiert wird. Es wird also Struktur in den Inhalt der Website gebracht. Nichts anderes macht z.B. der table-Tag, nur eben in einem etwas engerem Rahmen, beschränkt auf tabellarische Inhalte.

Ich sagte doch, es kommt auf den Fall an. Du kannst nämlich einem Element nicht clear und float gleichzeitig zuweisen.
Also gibt es zwei Möglichkeiten 1) Ein leeres Element zu clearen nutzen 2) mit :after clearen, was aber nicht browserübergreifend einheitlich funzt.

Kommt eben drauf an, ob man das nachfolgende Element floated oder nicht. Da man mit clear:both; das Umfließen der gefloateten Elemente beendet, wüsste ich nicht warum man dem gleichen Element wieder ein float:left oder right; geben sollte. Situationen wird es wohl geben, aber so oft wird man dieses "Problem" wohl nicht antreffen. Laut CSS4You ist dies (das Verwenden von float und clear bei einem Element) im Übrigen, entgegen deiner Aussage, möglich! Siehe hier: http://www.css4you.de/clear.html.

Naja, eigentlich sollte es in longdesc stehen, was aber kein Browser vernünftig unterstützt. Aber mal ehrlich, bei einem Foto von einem Porsche reicht es wenn ich in den alt schreib "Porsche GT4 Turbo", ich muss net noch in title schreiben das der weiß der Geier wieviel PS hat und 19" BBS Felgen.

Barrierefreiheit in allen Ehren, aber da wird auch viel Unfug erzählt/umgesetzt. Siehe accesskey und tabindex, beides in der Praxis für'n Arsch.

Ich stimme dir zu, es gibt natürlich Situationen in denen das title-Attribut nicht zwingend notwendig ist, aber so viel Aufwand sind diese paar Buchstaben code nicht und schaden tut er auch nicht. Ganz im Gegenteil, in möglichen anderen Situationen ist er nötig und hat seinen Sinn und wenn er dann fehlt hat das Nachteile.

 

[drp]

@hokage

Dein "Verbesserungsvorschlag", der das Weglassen des title-Attributs impliziert ist kompletter Blödsinn. In Sachen Barrierefreiheit ist das title genau wie das alt-Attribut bei Bildern unabdingbar und gehört zu jedem <img /> Tag dazu. Jol hat alles richtig gemacht, außer bei einigen wenigen Bildern eben dieses Attribut zu vergessen.

Das meine ich nur deshalb, weil in manchen Browser (Windows) der Titel etwas länger angezeigt wird und dann an der Position bleibt, auch wenn man die Maus weiterbewegt. Das sieht relativ unschön aus, und verdeckt die anderen Menü-Einträge. Ich weiß nicht, welchen Browser du verwendest, aber in manchen kann ich dir sagen ist das nicht nur praktisch..

Verpixelte Grafiken

Okay, bis auf das "verpixelte Grafiken" danke für die Tipps - Falls du MineCraft nicht kennst, das Spiel ist einfach verpixelt. Das ist unteranderem das Hauptmerkmal des Spiels. Die Grafiken sind genauso wie Ingame - alle Spiel-Texturen sind in der Auflösung von 16x16 Pixel (aber dafür relativ groß): auf der offiziellen Seite http://www.minecraft.net/ ist ein Video, über das Spiel.

MfG

 

[iStefanG]

http://s-geschwind.de/

nach langem nachbessern an allen Ecken und enden. Die Tipps von euch so gut wie möglich umgesetzt. Würde mich über Feedback freuen

 

[torben1]

@iStefanG: Du solltest auf jeden Fall noch einmal die Rechtschreibung und die Zeichensetzung prüfen. Das nur Vorweg.
Warum lässt Du beim Mausover den Kontrast in den Blöcken weniger werden? Warum hast Du da überhaupt ein Mousover?
Was bietest Du an? Warum machst Du das? Diese Aussage geht aus der Seite nicht hervor. Die Seite "über mich" nicht wirklich gelungen. Entweder bietest Du informationen zu Dir an, oder nicht. Wer wird denn bitte für nähere Informationen einen Antrag für ein Passwort stellen?
Kontakt - Dort ist nur ein Formular und ein paar Links zu Socialmedia. In Kontakt einer Firma(???) gehört auch eine Telefonnummer, eine Adresse ect.
Impressum würde ich nicht so Prominent in das Mainnav setzten.
Der Validator gibt schon bei der Startseite 3 Fehler aus - weiter habe ich dann nicht mehr nachgesehen.

 

[iStefanG]

Hallo torben,

danke für die Kritik.

Mousehover: finde es leichter zu lesen wenn der Bereich in dem die Maus sich befindet optisch sich hervorhebt (quasi als lesehilfe). Dies schien mir recht sinnvoll da man häufig die Maus ja auch verwendet um den Zeilen zu folgen.

Texte: Ok. Da sieht man malwieder, dass jeder ein anderes empfinden hat.

Sinn der Seite ist eigendlich primär für Firmen bei denen ich mich bewerbe - und zusätzlch halt für den ein oder anderen Google-sucher. Werde aber mal schauen wie ich die "über mich" Seite besser gestalte. Der Zugriffschutz per PW beim Dokumentendownload ist um zu verhindern, dass die Files einfach bei Google vorhanden sind - daher auch die SSL-Verbindung beim Download.

Werde also weiterpfeilen.

Gruß,

Stefan

 

[drp]

@iStefanG:
Ich kann torben nur zustimmen, das mit dem MouseOver bei den Texten, ist eher unprofessionell oder verwirrend als praktisch.
ich würde den Text entweder immer mit dem hellgrauen Hintergrund machen, oder gar nicht. Außerdem kann man die hellgrüne Überschriften kaum erkennen, wenn der Hintergrund grau ist, zudem der Abstand des linken Divs innerhalb der Seite: links ca. 5px Abstand, oben kein Abstand.
Beides auf diesem ScreenShot zu sehen:

EDIT: Und mir ist gerade noch aufgefallen, dass die Bilder einen weißen Hintergrund haben. D.h. beim MouseOver sieht man die eckigen Kanten der Bilddateien. Am besten einfach mit Photoshop den Hintergrund transparent machen.

EDIT: Man kann auch leere eMails an dich versenden, wenn man einfach ohne etwas auszufüllen in dem Formular auf Versenden klickt.

MfG

 

[iStefanG]

Ok. habt mich überzeugt

die hover's werde ich heute abend wieder raus nehmen. Mit den Piktogrammen im Bild: ja wird geändert. Mich hat da nämlich jemand auf eine richtig geile idee gebracht.

Mit dem leeren Formular ist wahrlich sch**** mal schauen ob ich da das vorgefertigte/zur verfügung gestellte CGI bearbeite oder es im Formular festlege... aber ehr im CGI um manipulationen vorzubeugen.

Im großen und ganzem scheine ich ja seit der letzten revision (teilweise noch in der Google-Vorschau zu erkennen) dank eurem Feedback und der passenden Kritik auf dem richtigen Weg zu sein - aber noch nicht am ziel.

 

[dominik.html]

Kleiner Tipp noch, Stefan: Du solltest deinen Lebenslauf und deine Zeugnisse nicht mit einem Passwort schützen, wenn du willst, dass sie gelesen werden.

Nachtrag vom 17.09.2011, 16:10h: Ich habe deine Seite nicht zu Ende gelesen. Das tut mit leid. Mein Fehler. Nichtsdestotrotz würde ich das Passwort rausnehmen. Wer weiß, vielleicht stösst ja mal irgendwann ein Personalchef auf deine Seite. Ich kann mit gut vorstellen, dass er dich nicht erstmal kontaktieren möchte. Außerdem wäre es ja praktisch, deinen Besuchern zu zeigen, wer du genau bist.

 

[Slashwalker]

@iStefanG
Das Hintergrundbild hst du dir aber nicht zufällig vom Microsoft Partner Network "ausgeliehen"? Sieht denen verdammt ähnlich

 

[wdominik]

@iStefanG
Ein „Haftungsausschluss“ im Impressum gehört zu den schwachsinnigsten Dingen im WWW, weg damit. Solche Texte sind sinnlos und machen nur jeglichen Eindruck von Professionalität zunichte. Du hast ja nicht einmal externe Seiten verlinkt, von denen Du dich distanzieren müsstest. Und wenn man Seiten verlinkt, warum sollte man sich dann davon distanzieren? Dann könnte man es ja auch gleich lassen. Auch musst Du Dir in Deutschland Dein Urheberrecht nicht explizit einräumen. Im Internet findest Du genug Informationen zur Überflüssigkeit solcher Texte, frei nach dem Motto: Nur weil es jeder macht ist es nicht gleich richtig.

Anstatt eines passwort-geschützen Lebenslauf würde ich mich an Deiner Stelle lieber auf ein paar Informationen über Dich beschränken, die Du öffentlich zugänglich machen möchtest.

 

[iStefanG]

@iStefanG
Das Hintergrundbild hst du dir aber nicht zufällig vom Microsoft Partner Network "ausgeliehen"? Sieht denen verdammt ähnlich

nö eigendlich nicht.

aber der Interessehalber würde ich mal gerne wissen was du für ein Bild meinst

@wdominik und @dominik.html:

Ein „Haftungsausschluss“ im Impressum gehört zu den schwachsinnigsten Dingen im WWW, weg damit.

sollte man meinen... aber denke mal es hat schon seinen Sinn, dass dies beim impressumgenerator auf e-recht24 dabei ist.

Mein altes (selbstgeschriebenes) Impressum bestand aus ca 15Zeilen. Jedoch habe ich da bedenken gehabt.

Anstatt eines passwort-geschützen Lebenslauf würde ich mich an Deiner Stelle lieber auf ein paar Informationen über Dich beschränken, die Du öffentlich zugänglich machen möchtest.

Ok... wird dann wohl eine Mischung aus beidem werden: Das was jeder sehen darf/soll und etwas wo ich den Informationsfluss filtern möchte.

Da wächst die Checkliste. Danke euch.

 

[funny-leo]

nö eigendlich nicht.

aber der Interessehalber würde ich mal gerne wissen was du für ein Bild meinst

Er meint den Hintergrund der Seite. Schaut nämlich sehr wie das Standard-Wallpaper von Windows Vista aus.

 

[Gokoana]

Er meint den Hintergrund der Seite. Schaut nämlich sehr wie das Standart-Wallpaper von Windows Vista aus.

Wallpaper können stehen?

 

[funny-leo]

Standart, Standard, egal.

 

[Slashwalker]

Er meint den Hintergrund der Seite. Schaut nämlich sehr wie das Standard-Wallpaper von Windows Vista aus.

Stimmt, Vista. Das vom Partner Network ist anders. Aber ich wusste ich hab das Bild schonmal in Zusammenhang mit MS gesehen!

 

[wdominik]

Dieser Hype sogenannten Disclaimer auf seiner Webseite zu platzieren hat natürlich eine hohe Nachfrage an Mustertexten oder Generatoren hervorgebracht, da nutzen solche Seiten lieber die Leichtgläubigkeit der Menschen aus anstatt sie aufzuklären.

Rechtlich sinnvoll wäre es z. B. externe Links zu kennzeichnen, wie es z. B. Wikipedia mit einem Icon macht, das verdeutlicht schonmal, dass diese Inhalte nicht direkt von Dir stammen. Es kommt ganz klar auch auf den Kontext an. Im oft zitierten Hamburger Urteil ging es z. B. um Links, welche mit voller Kenntnis deren Inhalts gesetzt wurden – ein Haftungsausschluss war sogar vorhanden, dennoch kam es zu einem Vergleich und zu einer Schadensersatzzahlung.

Les' Dir am besten folgendes durch. Den Freifahrtschein über einen Haftungsausschluss gibt es in keinem Fall. Sinnvoller ist wie gesagt die Kennzeichnung der Links und evtl. auch das Festhalten der letzten, bewussten Prüfung de Inhalts der verlinkten Seite.

http://www.recht-im-internet.de/themen/disclaimer/

 

[vitus37]

So, da ich auch ganz neu hier bin, stelle ich mein öffentliches Portfolio doch auch gleich mal vor:
http://www.vitus-lehner.de

Würde mich sehr über ein Feedback freuen.

 

[drp]

@vitus37 Sehr schöne, schlichte Seite.
Auch das Intro und die Animationen beim Anzeigen der Seite sehen sehr gut aus.
So beim ersten Anschauen der Seite fällt mir auch erstmal kein Verbesserungsvorschlag ein

 

[wdominik]

@vitus37 Gefällt mir Lieber ein bewusst zurückhaltendes, schlichtes Design als eins das sich negativ in den Vordergrund drängt. Ein, zwei kleine Punkte vielleicht dennoch:
- Bei „Über mich“ würde ich das „Vitus Lehner, 16 Jahre…“ ähnlich stilisieren als auf den anderen Seiten, also nicht den Text umfließen lassen sondern zwei Spalten. Du brauchst die Platzeinsparung ja nicht und so wirkt der Text nicht so eingeengt. Außerdem passt es dann besser zu den anderen Unterseiten.
- Gib den Unterseiten eindeutige Referenzen, so dass sie direkt adressiert werden können. Also z. B. http://www.vitus-lehner.de/#portfolio, wenn man das Portfolio aufruft. Ist kaum Programmieraufwand schafft dafür etwas mehr Barrierefreiheit. (Link speichern, Vor-/Zurück-Button des Browsers, etc.)
- „target="_blank"“ würde ich vermeiden. Als Begründung verweise ich mal auf einen Artikel von Peter Kröner, dem ich vollständig zustimme. (Abgesehen von der Tatsache, dass mein Computer nicht mal alt ist. )
- Du sprichst von einer „Abneigung gegen kommerzielle Betriebssysteme“ – Open Source Software und kommerzielle Projekte haben beide ihre Daseinsberechtigung samt Vor- und Nachteilen, und da ich ein bisschen in Deinem Blog gelesen hab, weiß ich, aus welchen Gründen Du (unter Anderem) Linux nutzt und empfiehlst. Wenn Du also z. B. sagst, dass Du Linux bzw. Ubuntu als sicheres, stabiles und vor allem offenes Betriebssystem sehr zu schätzen weißt, Dir die Philosophie hinter Open Source Software und die dazu gehörige Community sehr zusagt, dann lässt Dich das echt positiv und sympathisch wirken. Seine Abneigung gegenüber den Rest auszusprechen hat immer etwas den negativen Beigeschmack einer sehr einseitigen Betrachtungsweise. Hatte jetzt zwar absolut nichts mit der Webseite zu tun, aber da es bei einem Portfolio ja auch etwas darum geht, wie man auf die Menschen, die es lesen wirkt, dachte ich es sei vielleicht erwähnenswert.

Edit: Achja, wenn Du den einen Fehler im Validator noch beseitigen möchtest gib die Sprache über den html Tag als Attribut lang="de" an und lass den Meta-Tag raus. ^^