zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Verdeckte Sprunglinks

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 04.10.2004, 17:27
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich setze die Sprunglinks ja auf Seiten mit den verschiedensten Inhalten ein.

Hier zum Beispiel http://www.koblenz-metternich.de/inf...ne-februar.php
dient der Sprunglink dazu, dass ein Reader-Benutzer direkt an die Veranstaltungen "herankommt" und die Schalterleiste mit der Umschaltfunktion für die Monate überspringen kann. Sich die jedesmal vorlesen zu lassen, wäre bestimmt nicht amüsant!?

Aber auf dieser Seite hat der Tastaturbenutzer nichts vom Sprunglink - er braucht ihn schlichtweg gar nicht! Nach unten bewegt er sich doch sowieo mit der Pfeiltaste.

So sind auf sehr vielen Seiten die Bedingungen jedesmal andere!

@terry: Ich hatte für den Nav-Sprung die Farben vertauscht - ist wieder korrigiert! Aber danke für den Hinweis!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."

Geändert von Dieter (08.12.2008 um 00:48 Uhr) Grund: Link geändert
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 04.10.2004, 17:50
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Jetzt habe ich das ganze mal so probiert, um den Link bei :active und :focus sichtbar zu machen:

Code:
/* Link */
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover {
   	background: #FFFFCC;
   	color: #FFFFCC;
   	font-size: 1%;
   	cursor: pointer;
}
a.sprung:focus, a.sprung:active {
	color: #0033FF;
	font-size: 100.01%;
	cursor: auto;
}
/*DIV-Container für den Link */	
.sprung {
        width: 0;
	margin: 0px;
	padding: 0px;
        height: .1px;
        line-height: 0;
        overflow: hidden;
}
.sprung:focus, .sprung:active {
        width: auto;
	margin: 0px;
	padding: 0px;
        height: auto;
        line-height: normal;
        overflow: visible;
}
Funktioniert aber nicht!

Wat nu?
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 04.10.2004, 18:56
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Schaut Euch doch bitte das Verhalten dieser (Test)Seite im IE an:
http://www.koblenz-metternich.de/inhaltsverzeichnis.php

Im FF kommt der Link auch nicht - aber im IE ist es die reinste Katastrophe beim Tabben!

Die CSS zu den Sprunglinks ist wie im Beitrag oben; ist aber auch im Quelltext der Datei abgelegt!

Gehen :focus und :active nicht in Verbindung mit DIV?

Nachtrag:Testseite ist wieder gelöscht!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."

Geändert von Dieter (08.12.2008 um 00:49 Uhr) Grund: Link geändert
Mit Zitat antworten
  #14 (permalink)  
Alt 04.10.2004, 19:21
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich Dussel - die lösung war doch so einfach!

Bitte sehr:
Code:
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover {
   	background: #FFFFCC;
   	color: #FFFFCC;
   	font-size: 1%;
   	cursor: pointer;
}
a.sprung:focus, a.sprung:active {
	background:#CAE1FF;
	color: #0033FF;
	font-size: 100.01%;
	cursor: auto;
}
.sprung {
        margin: 0px;
	padding: 0px;
        overflow: hidden;
}
Ist bereits im Netz und kann unter http://koblenz-metternich.de/inhaltsverzeichnis.php geprüft werden!

Danke!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."

Geändert von Dieter (08.12.2008 um 00:50 Uhr) Grund: Link geändert
Mit Zitat antworten
  #15 (permalink)  
Alt 04.10.2004, 19:39
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Sorry, war in meiner Freude zu voreilig!

In jeder Seite funktioniert immer nur der erste Sprunglink; sobald man den zweiten bestätigt, springt der Fokus zum Seitenanfang!

Oje, das kostet Nerven!

Nachtrag: Ich mache jetzt alles rückgängig und fange von vorne an!
Testen lohnt also vorläufig nicht!

Danke!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #16 (permalink)  
Alt 05.10.2004, 00:43
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

So, jetzt aber!

Der IE verträgt bei Sprungbefehlen keine Klassen und IDs gleichzeitig! Das war es!

Beispielseite: www.koblenz-metternich.de/gewerbe.php

Der Code sieht jetzt so aus:
Code:
div.sprung {
	margin: 0;
	padding: 0;
}	
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover {
   	background: #FFFFCC;
   	color: #FFFFCC;
   	margin: 0px;
   	padding:0px;
   	cursor: text;
}
a.sprung:focus, a.sprung:active {
	background: #CAE1FF;
	color: #0033FF;
	margin: 0px;
   	padding:0px;
	cursor: text;
}	
#sprungziel1, #sprungziel2, #sprungziel3, #sprungziel4, #sprungziel5, 
#sprungziel6, #sprungziel7, #sprungziel8, #sprungziel9 {
        width: 0;
	margin: 0px;
	padding: 0px;
	height: .1px;
	line-height: 0;
        overflow: hidden;
}
Haut hin im IE 6 und im FF 0.9.2. Nur in Opera nicht!
Weiss jemand eine Lösung?

Danke!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #17 (permalink)  
Alt 05.10.2004, 07:10
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.733
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Wieso schiebst du die Elemente nicht einfach aus dem sichtbaren Bereich?
Mit Zitat antworten
  #18 (permalink)  
Alt 05.10.2004, 10:05
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Meinst Du

Code:
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover { display:none;
}
Dann werden die Links von etlichen Screen-Readern aber nicht vorgelesen!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #19 (permalink)  
Alt 05.10.2004, 11:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Gumbo
Wieso schiebst du die Elemente nicht einfach aus dem sichtbaren Bereich?
Warum sollte man?
Die sind nicht nur für Blinde, sondern auch für Leute, die die Seite mit Tabs statt mit der Maus bedienen.

Dieter, so finde ich es jetzt gut! Wie das mit Opera geht, weiß ich leider auch nicht - frag Thomas! (Wird schon gehen- mit Opera geht alles, nur weiß ich meist nicht, wie... - dieser Browser erfordert ein Handbuch, dass man erst studieren muß, ehe man den richtig bedienen kann ).
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 05.10.2004, 11:07
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo, terry!

Natürlich hätte ich die Links gern "unsichtbar", aber natürlich nicht um den Preis des Funktionsverlustes!

Für Opera warte auch ich auf toscho; der IE war schon schlimm genug! Ich habe gestern etwa 5 Stunden alle mir einfallenden Varianten durchprobiert. Uff!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
Sponsored Links
Antwort


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
Problem mit Dropdown Auswahlmenü u. Sprunglinks andreas' CSS 9 28.09.2010 13:23
Script für Sprunglinks klootzak Javascript & Ajax 3 03.10.2008 00:33
Sprunglinks (mal wieder) lal Barrierefreiheit 11 13.03.2007 13:55
Sprunglinks und Sprungziele Dieter Barrierefreiheit 5 18.02.2005 09:50


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