Organigramm umsetzen
 

Wie würdet ihr die Aufbauorganisation eurers Arbeitgebers barrierefrei umsetzen? Man sieht immer wieder GIF- oder PNG-Grafiken, was für Sehende ja gar nicht schlecht ist:

http://upload.wikimedia.org/wikipedi...rganigramm.png

Wie stellt man das nur mit HTML-Mitteln (bis zur 3. Ebene) dar?

Das würde ich mit linearen Tabellen und Pfeilgrafiken umsetzen.

Falls möglich, nach den Tabellen für Reader-User der Link auf eine HTML-Seite, in der die Orga-Struktur per Text erklärt wird.

Eine konkrete Umsetzung würde mich auch interessieren, dann aber eher für einen Stammbaum.

Ein Stammbaum ist nur sehr schwer barrierearm umsetzbar, barrierefrei geht das meiner Meinung nach gar nicht, da die Einzelnen Elemente nicht so angeordnet werden können, dass man sich einen Strang aussuchen kann und dieser dann mit einem Screenreader vorgelesen wird.

Eine Möglichkeit, den benutzer innerhalb eines Stammbaumes Navigieren zu lassen, wären z.B. eine ganze Menge Sprungmarken. Jew. zu Vater, Mutter, Geschwistern, Kindern, Ehepartner.

Die HTML-Struktur ist noch verzwickter. Man könnte die Entfernung der Verwandtschaft z.B. durch die Verschachtelungstiefe darstellen. Dadurch wären auch die Daten einigermaßen in Form gebracht. Dies ist allerdigns nur sehr schwer (und zudem nur rekursiv) mit PHP umsetzbar. Die andere Möglichkeit wäre, einfach die bestimmten Ebenen zu bennen und dort jeweils eine Person in einem eigenen div-Element zu beschreiben.

Beide Möglichkeiten sind aber in einem Textbrowser nicht sonderlich schön anzuschauen. Beim Organigramm dürfte das übrigens ähnlichs ein.

Ich hatte da mal eine (unbefriedigende) Lösung erarbeitet. Die sah etwa so aus:

table (sum=Eltern der person)
tr
td Vater, td Mutter
/tr
/table
table (sum=person)
tr
td Person über die eine Info angefragt wurde (Kind von Vater&Mutter)
/tr
/table
table (sum= Kinder der person)
tr
td Kind 1, td kind2, td kind3, ...
/tr
/table

In jedem td gab es einen Link zu der Personen-Info und zu dessen Stamm-Info (also wieder so eine Tabelle).

(Entschuldigt meine Abkürzungen.)

Läßt sich halbwegs linear darstellen.

Hmmm. Dabei handelt es sich ja aber nicht um tabellarische Daten, esseidenn, man gibt jeder Person eine Zeile und teilt die anderen Informationen entsprechend zu. Dann ist aber der Bezug zu Eltern/Kindern/Geschwistern nicht gegeben.

Ich werde mal noch etwas darüber brüten. Vielleicht fällt mir ja noch was einigermaßen sinnvolles ein. :)

@Mods: evtl. sollte man diesen Teil der Diskussion in einen anderen Thread auslagern, da er doch etwas komplexer ist und mit dem ORganigramm nicht allzu viel zu tun hat.

Ok, sind keine tabellarische Daten.
Aber mit CSS bekommt man es nicht hin, wenn man davon ausgeht, das die Anzahl der Kinder nicht Konstant ist.

Angehängt ist mal so ein schematisches Beispiel

Ich würde versuchen, das ganze irgendwie Darzustellen, aber nicht als Baum. Da muss es doch andere Möglichkeiten geben...
Vielleicht so Pyramidenartig (natürlich stufig/eckig :)) einfach übereinander..

Alter macht nicht weise, aber solange Alzheimer nur ein fernes Gerücht bleibt erinnert man sich vielleicht an diesen Thread:

http://xhtmlforum.de/37140-stammbaum...ht=genealog%2A

Ob das barrierefrei ist? Jedenfalls einen Blick wert, da die Strukturen ähnlich sind.


grüsse

Danke für die Ideen.

Ich habe den Vormittag mit einer Recherche im Internet verbracht und keine wirklich gute Lösung gefunden. Ich denke, ich werde weiterhin eine Grafik einsetzen, das Alt-Atribut mit mit "Aufbauorganisation" o. ä. füllen und eine Beschreibung im longdesc platzieren.

CU