News mit tag »Microformats«

22 Feb 2011

Zugänglichere Mikroformate

Durch einen Blogpost bei microformats.org sind wir auf eine (mögliche) Lösung für das alte Problem gestossen, dass bestimmte Microformate für Screenreader-Nutzer zu Problemen führen können (wir berichteten). Demnach ist es wohl nun endlich möglich, bei der Auszeichnung von kalendarischen Daten auf das problematische abbr-design-pattern zu verzichten.

Statt das Datum (wie bisher zwingend vorgeschrieben) mit einem semantisch fragwürdigen abbr auszuzeichnen kann man nun auch ein leeres span mit den maschinenlesbaren Informationen versehen:

 <p class="vevent">
  <span class="dtstart">
    <span class="value-title" title="2011-02-22"> </span> 
    Dienstag, 22. Februar 2011
  </span>
 </p>

Das hierzu benutzte value-title-pattern ermöglicht es Werkzeugen wie der Firefox-Erweiterung Operator, die ISO-datetime trotzdem auszulesen und z.B. in einen Kalendereintrag zu übersetzen; Screenreader hingegen sollten diese kryptischen Daten nun nicht mehr automatisch vorlesen.

»In short, by placing the machine readable ISO datetime into the title attribute of a harmless empty span element adjacent to the human readable date and time, we are able to achieve a pragmatic balance between user experience, content fidelity, and minimizing the effects of what is essentially duplicating the data (a DRY violation, something we avoid due to potential inconsistencies unless absolutely necessary for a greater principle, such as usability – humans first as it were).«

Damit umgeht man elegant das Problem, mit den bestehenden Möglichkeiten des Markups Dinge ausdrücken zu wollen, die in diesem begrenzten Wortschatz gar nicht vorgesehen sind und unter Umständen ›falsch‹ interpretiert werden – im konkreten Fall verhindert man damit, dass ein Screenreader je nach Einstellung, »Zwanzig Millionen Einhundertzehntausend Zweihundertzweiundzwanzig« statt des heutigen Datums vorliest.

Weil uns die Idee so gefallen hat, haben wir sie gleich einmal auf der aktuellen Veranstaltungs-Seite umgesetzt. Zum Vergleich: hier die Seite für das laufende Jahr 2011 mit dem geänderten Code und die 2010er-Seite mit der unter Umständen etwas weniger zugänglichen alten Variante.

24 Jun 2008

Accessibility: 1, Microformats: 0

Für Screenreader unzugängliche Microformats fliegen raus. Zumindest bei der BBC, die ab dem nächsten Update ihrer Programmvorschau auf solche Microformats verzichtet, die das umstrittene abbr-Design-Pattern benutzen: »BBC - Radio Labs - Removing Microformats from bbc.co.uk/programmes«. Zur Erinnerung hier nochmal die Gründe:

• Mike Davies: »The accessibility of the date-time pattern in Microformats«
• Bruce Lawson: »hAccessibility, one year on«
• Patrick Lauke: »hAccessibility redux?«
• Alastair Campbell: »ABBR pattern accessibility«
• Ian Lloyd: »BBC Withdrawing Some Microformats over Accessibility Concerns«
• John Allsopp: »BBC drops hCalendar for programme listings, citing accessibility concerns«
• James Edwards: »BBC Rejects hCalendar Microformat Because Of Accessibility Concerns«
• Karl Dubost: »The War of the Worlds«

30 Jan 2008

Mikroformatiges

Unsere anfängliche Begeisterung für Microformats ist schon vor einiger Zeit der Ernüchterung gewichen, nachdem wir uns verschiedene Muster mal im Screenreader angehört hatten. Trotz der vielen Möglichkeiten, Dokumente mit Bedeutung und Funktion anzureichern bleibt nach wie vor ein grundlegendes Problem: die Art wie das Element für Abkürzungen eingesetzt wird führt dazu, dass je nach Einstellungen im Screenreader ein vollkommen unverständlicher Zahlen- und Buchstabensalat vorgelesen wird.

Leider hat sich die Microformats-Community als weitestgehend therapieresistent gezeigt und sämtliche Verbesserungsvorschläge abgebügelt – trotz zahlloser Test Cases, in denen die Unbrauchbarkeit nachgewiesen wurde.

Ein Artikel, der die ganze Problematik aufzeigt (hAccessibility von Bruce Lawson und James Craig) ist nun von Michael Jendryschik ins Deutsche übersetzt worden: »hAccessibility« – bevor Sie Microformats unbedacht einsetzen empfiehlt sich die dringende Lektüre!

In die ähnliche Richtung geht ein neuer Artikel von Mike Davies im YUI-Blog, der sich der Problematik von leeren Links in Screenreadern annimmt: »Empty Links and Screen Readers«. Hier geht es um das include pattern, mit dem sich Daten in Seiten einfügen lassen, ohne dass diese als (unnötiges) Duplikat vorliegen.

Auch hier zeigt sich wieder das gleiche Problem: in Ermangelung von Inhalten oder Alternativen machen sich die getesteten Screeenreader wie üblich von alleine auf die Suche nach irgendwas zum Vorlesen und geben im Ernstfall den kompletten URL des leeren Links aus. Daher empfiehlt sich auch hier ganz dringend, die Empfehlungen am Ende des genannten Artikels beim Einbau von Microformats zu beherzigen.

06 Dez 2007

Gesammelte Werke

Microformats hatten wir auch schon lange nicht mehr:

• Michael Jendryschik: »Mikroformate aus Sicht des Anwenders«
• microformats.dk: »Interview With Brian Suda«
• Adam Darowski: »Not Just Another Technology: Microformats Can Actually Help You«
• Tim O'Reilly: »Followup on Semantic Web approach versus Web 2.0«
• Alex Iskold: »The Structured Web - A Primer«
• Mozilla Developer Network: »Using microformats«

Und gleich noch die passenden Werkzeuge dazu: »ufXtract - Microformats Parser« und »Safari Microformats plugin«.

29 Aug 2007

Gesammelte Werke: was mit HTML

• Gez Lemon: »The HTML 5 Image Element«
• WHATWG: »Longdesc usage«
• Steve Faulkner: »Investigating the proposed alt attribute recommendations in HTML 5«
• Dan Connolly: »iPhone Developer Guidelines Promote One Web, Open Standards«
• Aaron Gustafson: »The good, the bad, and the ugly - iPhone edition«
• Jeff Croft: »On standards, Web Standards, and ›standardistas‹«
• Percy Cabello: »On Firefox 3 and microformats with Michael Kaply«

09 Aug 2007

Gesammelte Werke

Wir hatten schon lange nichts mehr zu Microformats. Was wohl auch daran liegt, dass nach der anfänglichen Begeisterung bei uns etwas Ernüchterung eingekehrt ist, nachdem wir uns das abbr-Design-Pattern mal im Screenreader angehört haben. Dazu auch gleich der erste Link:

• Jim O'Donnell: »microformats and accessibility«
• Alex Walker: »Have Microformats finally arrived?«
• Maps API Blog: »Microformats in Google Maps«
• Keith Alexander: »Microformats aren't an answer to the Semantic Web«

31 Jul 2007

Gesammelte Werke: Webstandards

Zu Standards im Allgemeinen und HTML im Speziellen:

• Olivier Théreaux mit einer Betrachtung des Themas Web­standards für Freunde asiatischer Kampf­kunst: »Web Standards Do - the Way of Web Standards«
• Martin Kliehm mit der deutschen Über­setzung seines ALA-Artikels: »Barrierefreie Web 2.0 Anwendungen mit WAI ARIA«
• Brian Suda mit der x-ten Ein­führung in Micro­formats (die trotzdem lesenswert ist): »Microformats: More Meaning from Your Markup«
• Sasch Mayer schreibt wider den Mythos, dass W3C-Standards mit Such­maschinen­opti­mierung gleichzusetzen ist (und schon gar nicht mit Accessibility): »The Myth of W3C Compliance?«

20 Jul 2007

Wochenendbeilage

Die heilige Dreifaltigkeit der Webentwicklung in Listenform:

HTML:

• Florian Beer: »Das semantische Web und wie Microformats die Entwicklung vorantreiben werden«
• Scott Gledhill: »Corporate Web Standards«
• Sean Fraser: »Why Bother?«

CSS:

• Rob Swan: »Conflicting Absolute Positions«
• John Allsopp: »CSS3 support charts«
• Ask the CSS guy: »Styling disabled text inputs«

JavaScript:

• Stefan Münz: »Ajax-Beispiel: Tabellensortierung«
• Jeremy Gillick: »Semantic Tab Box v2.0«
• Jon Christopher: »Is Manipulating the DOM for Presentation Acceptable?«
• James Edwards: »Insert in place without document.write«
• Kevin Yank: »JavaScript: How Simple is Too Simple?«

30 Apr 2007

Micro-Accessibility

Heute mit einer Brückentags-kompatiblen Kurzausgabe. Ein Link, für den uneingeschränkter Lesebefehl erteilt wird: »hAccessibility«. James Craig und Bruce Lawson von der WaSP Accessibility Task Force über ungewünschte Nebeneffekte bestimmter Mikroformate, die sich aus einer zu liberalen Auslegung bzw. semantisch fragwürdigen Anwendung von HTML-Elementen wie ABBR für manche Computer-Hilfsmittel ergeben. Wie es sich gehört mit Testcases und Verbesserungsvorschlägen.

05 Apr 2007

Wochenendbeilage: Mikroformate

Lesenswerte Literatur und sehenswerte Präsentationen zum semantischen Web (das mit dem kleinen ›s‹). Aus gegebenem Anlaß diesmal schon Donnerstags:

• Stefan Münz: »Tutorial zu Mikroformaten« (jetzt als PDF zum Download, ca. 400 KB)
• Tantek Çelik: »Microformats at Stanford« (S5)
• John Allsopp: »Designing with Structured Data« (PDF, ca. 2 MB)
• Dmitry Baranovski: »Microformats – the hidden treasure« (PDF, ca. 5 MB)

Zuvor genannter John Allsopp hat auch ein Buch zu Microformats am Start, aus dem nun Beispielkapitel als Anschmecker veröffentlicht wurden.

20 Mär 2007

Münz über Mikroformate

Teil 1-6 des Mikroformate-Tutorials von HTML-Cheferklärer Stefan Münz hatten wir ja schonmal verlinkt, nun ist auch der Rest der Serie veröffentlicht:

7. Mikroformat für Reviews (hReview)
8. Mikroformate für Hyperlinks

Und zum Abschluss noch eine Liste von weiterführenden Links und Büchern zum Thema Microformats.

14 Mär 2007

Gesammelte Werke

Mikroformate und andere Metadaten:

• Mary W. Elings, Günter Waibel: »Metadata for All: Descriptive Standards and Metadata Sharing across Libraries, Archives and Museums«
• John Allsopp: »Semantics in HTML Part III - Towards a semantic web« und »RDF versus microformats«
• R. Todd Stephens: »The Essence of Metadata: Life Without Metadata«

16 Feb 2007

Wochenendbeilage

Die EfA-Morgenpost mit dem Neuesten aus der Webentwicklung:

• Access for all - Blog: »Aussagekräftige ›mehr‹-Links«
• Pabini Gabriel-Petit: »Ensuring Accessibility for People With Color-Deficient Vision«
• Sean Fraser: »Standard Compliance has Two Different Meanings«
• Roger Costello: »Tutorials on Microformats«
• Sarah Horton: »Writing Alternate Text for Images«
• Sharon Perry: »Should alt text be used to paint a thousand words?«
• Ara Pehlivanian: »Understanding and solving the JavaScript/CSS entanglement phenomenon«
• Bruce Lawson: »My two new sites with no valid pages«
• Joshua Porter: »How to Prevent Valueless Design in Social Web Sites«

13 Feb 2007

Konferenzschaltung

Im kanadischen Vancouver traf sich Anfang Februar die Crème der internationalen Webdesignszene zum Skifahren zur ›Web Directions North‹-Konferenz. Die meisten Präsentationen sind nun auch online zu haben und allesamt sehr sehenswert:

• »The Disciplined Designer« – Cameron Moll, 10.8 MB PDF
• »Ajax & Accessibility« – Jeremy Keith, 7 MB PDF
• »Transcendent Design with CSS & Javascript« – Andy Clarke & Aaron Gustafson, 33.1 MB PDF
• »Microformats for Developers« – John Allsopp, 2.1 MB PDF
• »Microformats for Designers« – Dan Cederholm, 12.2 MB PDF
• »Designing for Lifestyle« – Kelly Goto, 23.4 MB PDF
• »Finding Creativity in the Design Process« – Veerle Pieters & Dave Shea, 22.5 MB PDF

(via)

12 Jan 2007

Wochenendbeilage: Microformats

Frische Links zum Trendthema des Frühjahrs, solange der Vorrat reicht:

• Dr. Web: »Microformats Quellensammlung«
• John Allsopp: »2007 - The year of microformats?«
• Alex Faaborg: »Microformats - Part 0: Introduction«, »Microformats - Part 1: Structured Data Chaos«, »Microformats - Part 2: The Fundamental Types«, »Microformats - Part 3: Introducing Operator«
• Andy Mabbett: »Microformats cheatsheet« (aktualisiert)
• Dmitry Baranovskiy: »Conference Schedule Creator«
• Mitch Wagner: »Firefox 3: From HTML Renderer To Information Broker«

21 Dez 2006

Gesammelte Werke: CSS

• Dirk Jesse: »CSS3 - Alles wird gut?«
• Manuela Hoffmann: »CSS-Editoren im Vergleich«
• Gerrit van Aaken: »Neues/Altes von der ›px vs. em‹-Front«
• Mark Wubben: »sIFR 3b1: The Mo'Betta Beta«
• Dave Shea: »Opacity Bugs«
• W3C QA Weblog: »The Fuji CSS Validator release«
• Marc van den Dobbelsteen: »Switchy McLayout: An Adaptive Layout Technique«
• Andy Clarke: »A Message To You, Rudy - CSS Production Notes«
• John Allsop: »Styling hCards with CSS«
• Richard Rutter: »Compose to a Vertical Rhythm«

19 Dez 2006

Neues in der Werkzeugkiste

Das geniale Werkzeug Firebug hatten wir ja schon vor einiger Zeit vermeldet, setzt haben wir noch ein Video mit einer kurzen (englischsprachigen) Einfühung in das Tool gefunden: »Firebug 1.0 Beta Screencast«.

Eine ebenfalls neue Firefox-Extension Add-On ist »Operator« von Michael Kaply, die den Umgang mit Mikroformaten für Ersteller und Endanwender vereinfacht. Kurze Vorstellung bei Sebastian Küpers, auf Englisch auch bei John Allsopp.

Weitere nützliche Erweiterungen für den Firefox, oder wie es die Herren vom Computerclub2 immer nennen, Steck-Reins, beschreibt Nicolai Schwarz im Artikel »Nützliche Erweiterungen für den Firefox«

24 Nov 2006

Wochenendbeilage: Schrift im Netz

Heute was für Typophile und Typomanen:

• Björn Seibert: »Drucken von Webseiten – State of the Art«
• Roger Johansson: »Font size inconsistencies with font-family: monospace«
• Dave Hyatt: »Strange Medium«
• Jeffrey Zeldman: »Safari better than Firefox?«
• Oliver Reichenstein: »Web Design is 95% Typography«
• Andrei Herasimchuk: »The unfortunate death of Helvetica«
• Jeremy Keith: »Typographical tip for hCalendar«

17 Nov 2006

Wochenendbeilage

Heute mal wieder zu everybody's darling – Mikroformate und was man damit alles anstellen kann:

• Chris Messina: »Microformats + Flash: Who knew?«
• Alex Iskold: »The Road to the Semantic Web«
• Drew McLellan: »Can Microformats be Validated?«
• Gareth Rushgrove: »›Using Microformats‹ by Brian Suda«
• Chris Messina: »Apple embraces microformats in new .Mac webmail«
• Nick Bradbury: »Web 3.0 Does Not Validate«

P.S.: der weltbeste Editor kommt in der neuesten Version mit Clippings zu häufig genutzten Microformats.

P.P.S.: Deutschlands meister Webstandards-Erklärer Michael Jendryschik hat eine neue Website: mikroformate.de. Inhalte sind noch keine drin, ausser eine ausgesprochen sehenswerten Präsentation zu ebendiesem Thema: »Mikroformate Konzepte und Grundlagen« (S5)

23 Okt 2006

Gesammelte Werke: HTML&CSS

• Henning Behme: »Mehrwert-Markup – Semantic Web von unten: Mikroformate für XHTML«
• Mike Davies: »Semantic Web: WSG Microformats Talk«
• Molly Holzschlag: »In search of the missing run-in value«
• Dirk Jesse:»YAML 2.5.1 und IE7 Final«
• Ed Eliot: »Equal Height Columns using CSS«