|
|||
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:
Wie stellt man das nur mit HTML-Mitteln (bis zur 3. Ebene) dar? |
Sponsored Links |
|
||||
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.
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
|||
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.
__________________
Freiheit. |
|
|||
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.
__________________
Freiheit. |
|
|||
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 |
|
|||
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
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Interaktive Wirbelsäule umsetzen | Barodscheff | CSS | 8 | 07.01.2014 21:14 |
Design umsetzen | MarcelFuerderer | CSS | 18 | 06.01.2011 11:45 |
Menü umsetzen? | meGa | Barrierefreiheit | 14 | 19.03.2008 19:55 |
"Filmstreifen" als Gestaltung elegant umsetzen | AndreasB | CSS | 4 | 23.05.2007 23:25 |
Problem / Diskussion - wie dieses Design umsetzen? | Boris | CSS | 7 | 05.03.2005 14:08 |