zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden [CSS] overflow: scroll; | Barrierefrei ?!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.10.2005, 14:58
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard [CSS] overflow: scroll; | Barrierefrei ?!

Hallo,

wie kann im IE/FF ein scrollbarer Bereich ohne Mouse bedient werden ?

Außer Skip-Links ist mir noch keine Lösung in den Sinn gekommen.
Ich habe mal eine Test-Case aufgebaut, evtl. hat ja jemand eine Idee/Lösung.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>

<style type="text/css" media="screen,projection" title="Druckvorschau => Markup-Semantic">
/*<![CDATA[*/

*			{
			margin:  0;
			padding: 0;
			
			border-collapse:collapse;
			border-spacing: 0;
			}

html[xmlns]	{ 
			height : 100%; 
			padding-bottom : .005em; 
			} 

			
html,
body		{
			color:		#000000;
			background:	#DDDDDD;
			line-height: 1.45;
			}

body		{
			font-size:   100.01%;
			font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			}




.scroll		{
			width: 16em;
			height: 9em;
			
			overflow: auto;
			
			margin: 0 auto;
			border: 1px solid #000000;
			padding: .5em;
			
			background-color: #FFCC33;
			}
			

.scroll p	{
			height: 8em;
		
			margin: 1em 0 0;
			border: 2px solid #000000;
			padding: 0 .5em .5em;
			
			background-color: #FFFFFF;
			}
	

p	 		{
			margin: 0;
			padding: 0;
			
			background-color:#BBBBBB;
			color: #666666;
			
			font-size: 0.7em; 
			}
/*]]>*/ 
</style> 

</head> 
<body>

textfluss</p>

<div class="scroll">
	

[id="top"]   &raquo;step1</p>
	

[id="step1"] &raquo;step2</p>
	

[id="step2"] &raquo;step3</p>
	

[id="step3"] &raquo;step4</p>
	

[id="step4"] &raquo;top</p>
</div>



textfluss</p>

<div class="scroll">
	

Dies ist ein Absatz ohne Link</p>
	

Dies ist ein Absatz ohne Link</p>
	

Dies ist ein Absatz ohne Link</p>
	

Dies ist ein Absatz ohne Link</p>
	

Dies ist ein Absatz ohne Link</p>
</div>



textfluss</p></body></html>
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.10.2005, 15:10
Benutzerbild von i-fekt
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2005
Beiträge: 422
i-fekt befindet sich auf einem aufstrebenden Ast
Standard

Gute Frage, ich würde es mit Frames gleichsetzen da ein overflowendes DIV ein iFrame simuliert. Setze sowas daher nicht ein, denke es geht nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.10.2005, 15:21
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von i-fekt
.. ich würde es mit Frames gleichsetzen da ein overflowendes DIV ein iFrame simuliert. ........
Mit Sicherheit kann ein Element mit der Eigenschaft [overflow: scroll/auto] nicht mit einem unabhängigen Frame-Inhalt verglichen werden.

Zitat:
Zitat von i-fekt
... Setze sowas daher nicht ein, denke es geht nicht....
Nur weil Du diese Eigenschaft vermeidest heißt es nicht dass es evtl. eine vernüftige Lösungen gibt.

Danke für Deine Gedankengänge
__________________
</ulle>
Mit Zitat antworten
  #4 (permalink)  
Alt 24.10.2005, 15:32
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Übrigens tritt dieses Problem auch im Viewport eines Browsers auf, oder wie scrollst Du überlange WEBpages ohne Mouse?
__________________
</ulle>
Mit Zitat antworten
  #5 (permalink)  
Alt 24.10.2005, 15:34
Benutzerbild von i-fekt
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2005
Beiträge: 422
i-fekt befindet sich auf einem aufstrebenden Ast
Standard

Ich spreche auch nicht von der Bereitstellung des Inhalts sondern von der Funktion. Es ist im Grunde das selbe wie ein iFrame nur mit direkt eingebundenem Inhalt.
Mit Zitat antworten
  #6 (permalink)  
Alt 24.10.2005, 15:36
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von i-fekt
Ich spreche auch nicht von der Bereitstellung des Inhalts sondern von der Funktion. Es ist im Grunde das selbe wie ein iFrame nur mit direkt eingebundenem Inhalt.
Unfug, Du sprichst von 2 gleichzeitig angezeigten vollwertigen Dokumenten. Und die Funktion der Scrollbar tritt auch bei normalen einfachen WEBpages auf
__________________
</ulle>
Mit Zitat antworten
  #7 (permalink)  
Alt 24.10.2005, 15:37
Benutzerbild von i-fekt
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2005
Beiträge: 422
i-fekt befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
Unfug
Dann test mal schön weiter. Solchen Klug... helfe ich nicht.
Mit Zitat antworten
  #8 (permalink)  
Alt 24.10.2005, 15:38
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von i-fekt
Maus auf Scrollbalken und ziehen, Pfeiltasten, Leertaste oder Bild Up/Down Tasten.

Im IE gehts wenn man in das Elemnt reinkommt, aber in ein Element ohne Link springt der Browser gar nicht rein.
Ach was, siehe mein Test-Case
__________________
</ulle>
Mit Zitat antworten
  #9 (permalink)  
Alt 24.10.2005, 15:39
Benutzerbild von i-fekt
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2005
Beiträge: 422
i-fekt befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
Ach was, siehe mein Test-Case
Wie gesagt, teste selber, Besserwisser...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 24.10.2005, 15:45
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von i-fekt
Dann test mal schön weiter. Solchen Klug... helfe ich nicht.
Welche Hilfe ?
Außer Deinem ersten Beitrag war der Rest quasi SPAM
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Liste wird trotz float:left im li nicht horizontal img CSS 27 23.08.2013 13:43
joomla template wrock CSS 2 06.04.2012 20:24
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 22:12
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 21:41
Darstellungsfehler - FF & IE7 vs. IE6 mk-gfx CSS 2 29.10.2008 10:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:16 Uhr.