|
|||
![]()
Hallo zusammen,
was muss ich beachten, wenn ich eine Aufklappnavigation barrierefrei hinbekommen möchte? Grundsätzlich wollte ich li:hover ul { display: block;} nutzen. Grüße |
Sponsored Links |
|
|||
![]()
Hi,
durch die Frage ist nicht ganz klar was du möchtest. Eine barrierefreie Navigation ist ja keine große Sache. Du musst nur darauf achten richtig zu verschachteln: Code:
<ul> <li>Hauptpunkt 1</li> <li>Hauptpunkt 2 <ul> <li>Unterpunkt 2.1</li> <li>Unterpunkt 2.2</li> <li>Unterpunkt 2.3</li> </ul></li> <li>Hauptpunkt 3</li> </ul> ![]() Die CSS Angaben haben sogesehen nichts mit Barrierefreiheit zu tun. CSS dient nur der Darstellung. LG |
Sponsored Links |
|
||||
![]()
Guten Abend,
Zitat:
Auch heißt "Barrierefreiheit" nicht nur, dass eine Seite für einen hochgradig behinderten Menschen bedienbar sein muss. Es fängt nämlich schon damit an, dass eine Seite mittels Tastatur gut zu bedienen sein sollte -- auch dies lässt sich gerade für Dropdown-Menüs nur mittels CSS lösen (Stichwort :focus). Um Menschen mit einer Behinderung die Bedienung sogar noch zu erleichtern, kann man mittels text-indent Hinweise hinterlassen, welche nur für Screenreader zu sehen sind. So kann man komplexere Strukturen, welche ohne die Seite visuell wahrnehmen zu können irritierend wirken, genauer beschreiben und den Besucher besser durch die Inhalte führen. Fazit: Barrierefreies Webdesign ist doch ein wenig mehr als nur ein sauberes Markup. Hier wirst du weitere Informationen zum Thema finden. Mit freundlichen Grüßen, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint Geändert von lottikarotti (28.03.2013 um 22:23 Uhr) |
|
|||
![]()
Es gibt eine clevere Methode, die Float-Drops zum Ausklappen nutzt (http://www.cssplay.co.uk/menus/new-dropdown.html) aber ob man sich das in der Praxis antun will?
Wenn ich derzeit ein Dropdownmenü erstellen müsste, würde ich wohl zum einen dafür sorgen, dass auch ohne Ausklappfunktion alle Menüpunkte erreichbar sind (Übersichsseiten oder dauerhaft sichtbares Untermenü) und angesichts dessen, dass man sich ja nicht mehr darauf verlassen kann, dass es etwas wie :hover überhaupt noch gibt, ist wohl eine durchdachte JavaScript-Lösung heutzutage die bessere Idee. Noch zu den nicht vorgelesenen Untermenüs: Wenn das Ausklappen auch für Nutzer von Screenreadern möglich ist, dann kann man auch display:none einsetzen. Aria-Attribute kann/sollte man unterstützend einsetzen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CMS: welches ist am barrierefrei freundlichsten ?? | bastien | Barrierefreiheit | 42 | 24.12.2007 20:40 |
Ist eine Tabelle barrierefrei? | maggie | Barrierefreiheit | 21 | 10.02.2007 15:43 |
Pflichtfelder barrierefrei markieren | Xavier | Barrierefreiheit | 15 | 24.06.2006 00:19 |
Ist diese Seite barrierefrei? | jobo | Barrierefreiheit | 5 | 15.07.2005 07:08 |
Sind Selectboxen barrierefrei? | ani | Barrierefreiheit | 4 | 13.10.2004 15:27 |