sprungmarker testet

Kategorie: HTML

Meine SVG-Machine :)

veröffentlicht am

Ich mag ja diese nicht mehr allzu neue Welt der Online-Kurse und so habe ich mich an das für mich neue Thema SVG rangewagt. Das W3C hat einen im Herbst angeboten und ich hab ihn durchgezogen.

Durchgezogen ist auch das richtige Wort. Als dann doch Anfängerin zog der Kurs in nur 5 Wochen eine Unmenge an Themen durch. Dazu hatte man stets Teile der Spezifikation, des Online-Materials und des verknappten, vereinfachten Materials durchzuackern. Dann jeweils Hausaufgaben zu erledigen, die sich nicht unbedingt direkt aus dem gerade noch gelesenen Material ergaben. 😉 Also schlicht – man war oft ziemlich auf sich allein gestellt.

Weiterlesen „Meine SVG-Machine :)“

Webfonts in der Praxis – Teil 2 – Beispielfont Lobster

veröffentlicht am

Die letzten Monate des Jahres sind irgendwie immer eher stressig – scheint so ein Naturgesetz zu sein. Daher erst jetzt den zweiten Teil zum Thema Webfonts in der Praxis.

Im ersten Teil ging es darum, sich einen Überblick zu Webfont-Services zu schaffen, im zweiten Teil geht es nun um die konkrete Praxis – egal ob es sich um selbst- oder fremdgehostete Fonts handelt – wie sieht das konkrete Ergebnis aus, wo treten die Probleme auf, auf was muss man acht geben, was kann man noch nachjustieren.

Weiterlesen „Webfonts in der Praxis – Teil 2 – Beispielfont Lobster“

Webfonts in der Praxis: Teil 1 – Auf Fontsuche

veröffentlicht am

Webfonts sind ja nun schon ne ganze Weile präsent, aber wenn es wirklich in der Praxis dann darum geht, die richtige Schrift am richtigen Ort zu finden, kann das mitunter doch auch nicht so ganz einfach sein. Deswegen habe ich mich in meiner Agentur aufgeschwungen, in zwei Teilen die Erkenntnisse in Sachen Webfonts zusammenzustellen und zwischen den widerstreitenden Parteien und Argumenten zu vermitteln.

Im ersten Teil Webfonts in der Praxis – auf Fontsuche geht es darum, welche Möglichkeiten stehen uns zur Verfügung, um eine vom Kunden oder von uns ausgewählte Schrift ins Web zu bringen. Dabei geht es rein um die Fülle der Services, wie Schriften ins Web kommen – sei es durch Selbst- oder Fremdhosting, sei es eine Gratis-Font oder eine kommerzielle. Allein im kommerziellen Bereich sind die Webfont-Services aufgeblüht, doch man sollte mit Vorsicht an die unterschiedlichen Preis-Leistungs-Modelle rangehen. Im zweiten Teil wird es dann ernst: Da teste ich diese ganzen Möglichkeiten auf Webtauglichkeit – ich kann jetzt schon sagen, Typekit wird durchaus auch überschätzt, da nehme ich mich nicht aus.

Weiterlesen „Webfonts in der Praxis: Teil 1 – Auf Fontsuche“

Kurz kommentiert: Die "Gestandenheit" des barrierefreien Entwicklers

veröffentlicht am

Alexander Farkas versucht in seinem Artikel WAI-ARIA – Epic Fail (Too much accessibility – good intentions, badly implemented) und vor allem in seiner Serie WAI–ARIA Epic Fail zu ergründen, warum in der Implementierung von WAI-ARIA doch noch einiges unrund ist.

Kurz kommentiert: Die Implementierung von WAI–ARIA ist ohne Screenreader-Test zwar machbar, aber wenig sinnvoll. Abgesehen davon zeichnet sich barrierefreie Entwicklung großteils durch das Testen mit Screenreadern aus. WAI-ARIA ist ein aktueller Standard, der von Elementen und Attributen her unterschiedlich gut schon von assistiven Technologien unterstützt wird – das konnte ich vor kurzem bei den Attributen für Formulare feststellen. Es war nicht immer einfach zu entscheiden, liegt es am gewählten Screenreader, Browser oder an einer Kombination von beidem, dass das WAI-ARIA-Attribut nicht vorgelesen wurde. Man hat sich also immer auf dem Laufenden zu halten, was die Implementierungstiefe betrifft, insofern muss man auch mit den aktuellsten Updates arbeiten.

Weiterlesen „Kurz kommentiert: Die "Gestandenheit" des barrierefreien Entwicklers“

Fronteers 2009: meine erste Internationale :)

veröffentlicht am

Anfang November habe ich meine erste internationale Konferenz besucht – die Fronteers 09 in Amsterdam. Grund genug auch mal einen kurzen Rückblick zu machen, vor allem weil der erste Konferenztag mal wieder so richtig Lust auf Webentwicklung gemacht hat.

Diese Lust hat auch wettgemacht, dass ich im kleinsten aller möglichen Hotelzimmer einquartiert wurde – 1,5 x 2,5 Meter – immerhin hat das Bett fast das ganze Zimmer ausgefüllt und das WLAN war hervorragend. 😉 Amsterdam ist ja von Köln aus dann doch eher ums Eck und man fährt quasi mit der Bahn direkt ins Zentrum. Eine schöne, wenngleich sehr putzige Stadt – wie das Holländische im allgemeinen. Ja, ich mag das Holländische, fahre da ja auch jedes Jahr ans Meer, aber in so engen Kanalstädten find ich es ja immer zu kleinstädtisch. Aber nun zur Konferenz …

Weiterlesen „Fronteers 2009: meine erste Internationale :)“

fixoutlook.org: Email-Standards durchdrücken

veröffentlicht am

Oftmals erweckt ja so ein herkömmlicher Standardista den Eindruck, als würde er nie im Leben einen HTML-Newsletter anfassen, schon gar nicht mit der Codezange. Ich bin jedoch so eine Standardista – weniger eine loungeige, eher eine anarchische Barrierista -, die mit der Codezange so ziemlich alles anfassen muss(te). Trotzdem ist es anstrengend, noch Jahre mit Outlook und Layouttabellen zu verbringen.

Fast schon zu spät kommt daher die Kampagne des Email Standards Projektes: Outlook’s broken – Let’s fix it.

Weiterlesen „fixoutlook.org: Email-Standards durchdrücken“

Webkongress Erlangen: persönliches Fazit – zweiter Tag

veröffentlicht am

Zwei Tage Webkongress Erlangen 2008 mit dem Thema „Web 2.0 – Die Zukunft der Webtechnologien„, was kann ich mitnehmen und was könnte man das nächste Mal verbessern.

Am zweiten Tag war ich schon eindeutig etwas matt und habe die Vorträge nicht mehr in der vollen Konzentration wie am ersten Tag rezipiert. Diesen Tag kennzeichneten vor allem Vorträge allgemeinerer und manifesthafterer Art.

Weiterlesen „Webkongress Erlangen: persönliches Fazit – zweiter Tag“

Webkongress Erlangen: persönliches Fazit – erster Tag

veröffentlicht am

Zwei Tage Webkongress Erlangen 2008 mit dem Thema „Web 2.0 – Die Zukunft der Webtechnologien„, was kann ich mitnehmen und was könnte man das nächste Mal verbessern.

Eindeutig loben muss man die Organisation des Kongresses, so viele lächelnde und engagiert-interessierte Menschen an einem Ort sind selten zu finden. 🙂 Der Ablauf schien wie von selbst organisiert und strukturiert, einzig hätte man sich etwas längere Pausen gewünscht. 15 Minuten waren mitunter arg knapp, um vom einen ins andere Thema zu kommen. Selten konnte man sich darüber oder über anderes noch austauschen, schon saß man wieder im Hörsaal. Besonders interessant an Erlangen der fränkische Dialekt, die Frauen hinter dem Mittagsbuffet sprachen über uns Besucher immer mal gerne über jene, die was mit „Kombjuta“ machen. 🙂

Weiterlesen „Webkongress Erlangen: persönliches Fazit – erster Tag“

Studie: Überschriften und Barrierefreiheit – Initiativen

veröffentlicht am

In den letzten Monaten gab es wieder einige Artikel in Sachen Überschriften und deren strukturellen Einsatz. Über so etwas Kurzes und Harmloses wie Überschriften (Putzhuber, Maria: Pfiffige Überschriften, MAIN_blog) lässt sich dann tatsächlich eine Menge sagen.

So haben Überschriften eine ganz klar strukturierende Wirkung (Hellbusch, Jan Eric: Strukturelle Navigation, MAIN_blog) und deren strukturelle Reihenfolge sollte eingehalten werden. Bis hierher wird mir jeder folgen wollen. Mit dem Blick auf Barrierefreiheit wird es dann jedoch schon schwieriger, hier tauchen die meisten Widersprüche in Empfehlungen und Diskussionen auf.

Um mir diese Problembereiche etwas näher in der Praxis ansehen zu können, habe ich eine kleine Studie erarbeitet und mich in der großen, barrierefreien Welt der Agenturen, Institutionen und wichtigen Portalen umgesehen:

  • Werden Überschriften verwendet?
  • Wie sieht die strukturelle Reihenfolge der Überschriften aus?
  • Werden für die strukturellen Bereiche Überschriften verwendet und welche Bereiche sind das?
  • Welche Probleme und Auffälligkeiten gibt es?

Dies ist der zweite Teil meiner Studie, der sich die barrierefreien Initiativen, Verbände und Projekten vornimmt. Im ersten Teil der Studie habe ich mir 31 Agenturen angesehen, deren Schwerpunkt auf Barrierefreiheit liegt.

Weiterlesen „Studie: Überschriften und Barrierefreiheit – Initiativen“

Studie: Überschriften und Barrierefreiheit – Agenturen

veröffentlicht am

In den letzten Monaten gab es wieder einige Artikel in Sachen Überschriften und deren strukturellen Einsatz. Über so etwas Kurzes und Harmloses wie Überschriften (Putzhuber, Maria: Pfiffige Überschriften, MAIN_blog) lässt sich dann tatsächlich eine Menge sagen.

So haben Überschriften eine ganz klar strukturierende Wirkung (Hellbusch, Jan Eric: Strukturelle Navigation, MAIN_blog) und deren strukturelle Reihenfolge sollte eingehalten werden. Bis hierher wird mir jeder folgen wollen. Mit dem Blick auf Barrierefreiheit wird es dann jedoch schon schwieriger, hier tauchen die meisten Widersprüche in Empfehlungen und Diskussionen auf.

Um mir diese Problembereiche etwas näher in der Praxis ansehen zu können, habe ich eine kleine Studie erarbeitet und mich in der großen, barrierefreien Welt der Agenturen, Institutionen und wichtigen Portalen umgesehen:

  • Werden Überschriften verwendet?
  • Wie sieht die strukturelle Reihenfolge der Überschriften aus?
  • Werden für die strukturellen Bereiche Überschriften verwendet und welche Bereiche sind das?
  • Welche Probleme und Auffälligkeiten gibt es?

Hinweis: Diese Ergebnisse sind nur EIN Teil einer Gesamtbetrachtung. Dies ist NICHT eine Studie über alle barrierefreien Agenturen. Bitte lesen Sie vorab auch die Einleitung zur gesamten Studie.

Update: Dieser Teil wurde noch weiter überarbeitet, vor allem die Verschachtelungsproblematik und der Einsatz von einer oder mehrerer H1-Überschriften wurde vertieft.

Weiterlesen „Studie: Überschriften und Barrierefreiheit – Agenturen“