Mehr und mehr kommerzielle Websites sind mit Pop-ups in diesen Tagen. In vielen Fällen, ich bemerken mehr Pop-ups, die für Werbung, wahrscheinlich aufgrund der harten Realität ist, dass "Banner Blindheit". In anderen Fällen, Pop-ups verwendet werden, um zusätzliche Inhalte auf der übergeordneten Seite. Leider sind viele Designer wissen wenig darüber, wie man eine richtige Pop-up-Fenster, das zugänglich sein werden.


Unter den vielen Anliegen der zugängliches Design findet sich in "Leitlinie 6" des W3C's Web Content Accessibility Guidelines: http://www.w3.org/TR/WCAG10/ # gl-new-Technologien - "Stellen Sie sicher, dass Seiten zugänglich sind, auch Wenn neuere Technologien nicht unterstützt oder sind deaktiviert. " Einfach ausgedrückt, sollten Sie sicherstellen, dass Ihr Inhalt zugänglich bleibt diejenigen, die Einstellungen ändern ihre Zugänglichkeit Scripting zu deaktivieren oder deren Wahl der adaptiven Technologie nicht erkannt Scripting. Siehe auch den entsprechenden Abschnitt 508 Kriterien: http://www.access-board.gov/sec508/guide/1194.22.htm # (l)


Pop-ups gehören die Elemente, die am häufigsten gegen die Zugänglichkeit dieser Leitlinie


Eine gemeinsame Pop-up-Fenster Link wird wahrscheinlich beginnen, die wie folgt aussehen: <a href = "#" onClick = "window.open ...... oder: <a href =" javascript:; onclick = "window.open (. ...... In beiden Fällen wird der Link komplett unbrauchbar zu denen mit Skripten deaktiviert oder mit Browsern, die JavaScript nicht erkennt.


Von hier aus, können davon ausgehen, unserer Zielgruppe passt eine der beiden Situationen eben erwähnt - entweder sie haben JavaScript deaktiviert oder ihr Browser kann JavaScript nicht erkennen.


Im ersten Fall wird die Verwendung von "#" als Hypertext-Referenz wird, im besten Fall, in ihrer ergriffen, um im oberen Bereich der Seite. Das "#"-Zeichen interpretiert wird als das, was bekannt als "Fragment Identifier Separator" (siehe geekspeak at - http://www.w3.org/Addressing/URL/4_2_Fragments.html). Was bedeutet dies für uns ist, dass die "#" ist angeblich zu Punkt irgendwo, wie ein Objekt mit vorgegebenem Namen auf der Seite. Es ist nicht ein Standard-"Do Nothing"-Zeichen. Die Hash-Symbol stellt den Namen der Zielarchitektur. Damit <a href="#contact"> Kontakt mich </ a> gelangen Sie zu einer Stelle auf der Seite mit dem Namen "Kontakt" - <a name="contact"> </ a>


Using just plain "#" als Hypertext-Referenz ist schlecht, weil "A void Fragment-id mit oder ohne den Hash-Zeichen bedeutet, dass die URL bezieht sich auf das gesamte Objekt." In den meisten Browsern, es wird interpretiert als Zeigegerät zurück an den Anfang der Seite. Am besten, er wird nichts tun, wenn Sie auf diesen Bereich klicken.


Im zweiten Fall ist die Verwendung von "javascript:" als Hypertext-Referenz einfach nichts. Denken Sie daran, dass wir den Umgang mit jenen, die für einen oder anderen Grund nicht verwenden können, alles hängt davon ab, ob JavaScript. Also noch einmal, dieser Link ist nichts für jemanden, deren Browser JavaScript nicht erkennt.


Es kann getan werden, besser zu arbeiten und auch für alle


Glücklicherweise können wir eine zugängliche Alternative, die Funktionen perfekt für Menschen mit JavaScript aktiviert ist, noch degradiert gut für diejenigen, die nicht genutzt werden. Wir tun dies, indem Sie eine echte Verbindung zu den eigentlichen Zielort in unsere Hypertext-Referenz:


<A href = "file.html" onclick = "window.open ( 'file.html', 'window_name', 'toolbar = yes, location = yes, status = yes, menubar = yes, scrollbars = yes, resizable = yes , Width = xxx, height = xxx '); return false "> Open Window </ a>


Die oben ist die "zugänglich"-Methode, ein Popup zu öffnen (Öffnen neuer Fenster ist ohnehin schlecht, so dass ich denke, das ist das kleinere von zwei Übeln). Mit der realen Datei als Hypertext-Referenz, sondern setzen Sie den Link zu "return false" funktioniert einwandfrei, ob die Person hat JavaScript aktiviert ist oder nicht. Diejenigen ohne Javascript aktivieren, damit Sie weiterhin auf den Inhalt, und diejenigen, die die JavaScript-Popup-wie beabsichtigt.


Nun, hier ist die Behandlung: Viele Menschen bieten eine Möglichkeit zur Schließung der Pop-up, das nur geöffnet werden. Auch sie tun dies entweder mit <a href ="#"... Oder <a href = "javascript :;... Wie so: <a href="#" onClick="window.close()"> Schließen </ a> Tja, wie ich schon sagte, all dies tut, ist sie An den Anfang der Seite. Vorausgesetzt, die Pop-up-verknüpft ist nur auf einer Seite können wir ihnen zurück, indem Sie die Datei in das vorlegende Hypertext-Referenz: <a href="referrer.html" onClick="window.close()"> Schließen </ a>


Die Verwendung des Wortes "Schließen" kann verwirrend sein, aber es gibt zwei Denkschulen.


1. Durch die Öffnung des neuen Fensters auf die w / o JavaScript, der Back-Button funktioniert immer noch und wird mit diesem


2. Mit einem Titel wird ihnen helfen, vorherzusagen, was passieren wird. Wie so: <a href="referrer.html" title="clicking diesen Link gelangen Sie zurück zu den Verweis, wenn Sie don't haben JavaScript" onClick="window.close()"> Schließen </ a>


Alternativ können Sie auch das alt-Attribut Text eines transparenten spacer image: <a href="referrer.html"> <img src = "Pfad / spacer.gif" width = "1" height = "1" border = " 0 "alt =" [Zurück ]"></ a> (Dies setzt voraus, daß sie auch das Surfen mit Bildern ausgeschaltet oder auf einer nicht-grafischen Browser)


Letztlich ist dies um zu hören, was Sie mir sagen, so oft: Sie lässt sich nicht zuverlässig vorhersagen, die Benutzer oder deren Einstellungen. Also nicht versuchen. Machen Sie es richtig und es wird für alle nutzbar.


Disclaimer:


Öffnen neuer Fenster ist schon schlimm genug, wie es ist. Die oben genannten Artikel soll nur zeigen, wie man sie besser machen. Die beste Antwort ist, um sie nicht an allen. Bitte beachten Sie die folgenden Links für weitere Informationen --

• Jakob Nielsen's Alertbox: Die Top Ten der neuen Web-Design-Fehler
  
  
• Jakob Nielsen's Alertbox: Top Ten Web-2002
  
  
• Tauchen Sie ein in der Zugänglichkeit: Tag 16, und nicht die Eröffnung neuer Windows
  
  
• Dan's Web-Tipps: Eröffnung neues Browser-Fenster
  
  

Karl Groves ist ein freiberuflicher Webdesigner, die Produktion Arbeit geleistet hat, für solche Sites wie National Cancer Institute, Network for Good-und Raumfahrt Medical Association.