Webseiten-Infos.de - Kommentare zu: Landmark roles auf Webseiten-Infos.de

Von: Rückblick: WordCamp 2010 | Webseiten-Infos.de

Rückblick: WordCamp 2010 | Webseiten-Infos.de — Wed, 21 Dec 2011 04:13:08 +0000

[...] Zudem wurde der künftige Standard Web Accessibility Initiative’s Accessible Rich Internet Applications (WAI-ARIA) kurz angesprochen (siehe dazu auch meine Blogbeiträge “WAI-ARIA und (X)HTML validieren!” und “Landmark roles auf Webseiten-Infos.de“). [...]

Von: Dieter

Dieter — Fri, 14 May 2010 18:51:53 +0000

@Mike
Tut mir leid, aber da bin ich überfragt.

Für mich sind WAI-ARIA auch noch Neuland. Eventuell könnte Dir folgendes englischsprachige Buch helfen, auf das ich bei meiner Suche gestoßen bin: Universal Design for Webapplications

Von: Mike

Mike — Fri, 14 May 2010 11:21:59 +0000

Ich bin Neuling im Bereich WAI-ARIA und überlege gerade wie ich für ein einfaches Formular (ein dynamisch generierter Text variabler Länge und eine Eingabe für den Nutzer zzgl. Submit-Button) so auszeichne, dass der beim Laden dynamisch erzeugte Bereich eine separaten Landmark Role o.ä. bekommt, die es einem Screen-Reader-Nutzer erlaubt, sich gezielt diesen Bereich wiederholen zu lassen, und zwar ohne die umgebenden Formular-Elemente (legend, input, button).
Jemand eine Idee?

Von: Dieter

Dieter — Tue, 23 Feb 2010 04:25:12 +0000

@Nico
Wow! Ich habe für die neue Version (0.8.0) des Semantic Checkers zu danken!

Noch erkennt mein Firefox nicht die Aktualisierung, aber sobald sie dort verfügbar ist, werde ich sie vornehmen und die neue Version ausprobieren. Top!

Von: Nico Steiner

Nico Steiner — Mon, 22 Feb 2010 20:52:46 +0000

Danke für das Feedback. Ich habe das Feature gleich mal ergänzt und eine neue Version (0.8.0) veröffentlicht: http://tinyurl.com/ylhulbg

Für die sich überlappenden Elemente lasse ich mir noch was einfallen.

Von: Dieter

Dieter — Mon, 22 Feb 2010 11:59:03 +0000

@Nico Auf dieses zweite Firefox-Addon bin ich bei den Recherchen für den Blogbeitrag "SEO mit Firefox-Addon SenSEO" gestoßen. Ich finde es gut. Allerdings führt es lediglich die Anzahl der WAI-ARIA-Roles auf und umrahmt sie, gibt aber nicht an um welche es sich handelt. Insoweit sind da m.E. das Firefox Addon Juicy Studio Accessibility Toolbar und YAML Debug informativer. Sehr gefallen hat mir an Deinem Semantic Checker, dass auch Inline-Styles gezählt und angezeigt werden. Damit habe ich noch einige wenige überflüssige Inline-Styles in die CSS-Datei ausgelagert. Lediglich die beiden Inline-Styles von den Tooltipps (siehe hierzu meinen Blogbeitrag "Kurzinfos mit Fancy Tooltips aufgepeppt") und Antispam Bee (siehe hierzu meinen Blogbeitrag "Spam-Schutz auf Webseiten-Infos.de") werde ich wohl belassen (müssen).

Von: Nico Steiner

Nico Steiner — Mon, 22 Feb 2010 11:16:38 +0000

Zu diesem Thema kann ich gleich noch auf meine zweite Firefox-Extension Semantic Checker hinweisen. Diese highlightet semantische Elemente einer Webseite und erstellt darüber eine kleine Statistik. Neben WAI-ARIA werden auch HTML4/HTML5 Elemente und Mikroformate erkannt. Ich habe die Extension geschrieben, da ich kein Tool kenne, dass semantische Elemente jeglicher Art “auf einen Klick” anzeigt.

Von: Dieter

Dieter — Sun, 21 Feb 2010 12:17:13 +0000

@Micha
Das Arbeits- und Hilfsmittel Validator – insbesondere das Firefox-Addon HTML Validator – brauche ich und ist mir wichtig.

Wenn der Validator nachgezogen hat, kann ich ja mit einem relativen kleinen Aufwand die landmark roles direkt ins Markup schreiben.

Wenn es Dich nicht schert, dann kannst Du auch direkt HTML5 einsetzen.

Von: Micha

Micha — Sun, 21 Feb 2010 10:57:56 +0000

Dieter, das liegt dann aber am Validator und nur weil der es nicht kann, scher ich mich noch lange nicht drum

Von: Dieter

Dieter — Sun, 21 Feb 2010 10:51:57 +0000

@Micha

Dieter, warum hast du nicht gleich die roles in den Templates geändert?

Weil dann die Webseiten nicht mehr validieren (siehe dazu auch meinen vorhergehenden Blogbeitrag "WAI-ARIA und (X)HTML validieren!") oder meintest Du etwas anderes? Falls nein, werde ich diesen Blogbeitrag noch um den entsprechenden Hinweis, warum ich das mit JavaScript löse, ergänzen.

Von: Micha

Micha — Sun, 21 Feb 2010 10:25:22 +0000

Dieter, warum hast du nicht gleich die roles in den Templates geändert? Dann könntest du das Javascript einsparen. Ob du eine Klasse schreibst oder gleich die role ist meiner Meinung der selbe Aufwand.