13.02.2012, 00:57
|
|||
|
|||
Text vom Screenreader ignorieren lassen
Hallo!
Ich habe innerhalb einer Website einige Links zu einer Hilfeseite stehen, welche so aussehen: [?] Hilfe [?] Wie kann ich es hinbekommen, dass ein Screenreader die eckigen Klammern und Fragezeichen nicht mit vorliest? Gruß, Eric 
|
| Sponsored Links |
|
13.02.2012, 12:13
|
||||
|
||||
|
Hi,
vielleicht indem du die eckigen Klammern und die Fragezeichen als HG-Grafik einbindest. 
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
| Sponsored Links |
|
13.02.2012, 14:49
|
|||
|
|||
|
Mit generated content.
Im Inhalt hat solche "Verzierung" eher nichts verloren.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
13.02.2012, 15:12
|
|||
|
|||
|
Nach generated content habe ich mal gegoogelt, allerdings finde ich da nur Beispiele, wie man Listen nummeriert oder Zitate erzeugt.
Habe nun die Hilfe-Links als Zitate ausgezeichnet und die eingeklammerten Fragezeichen als Zitat-Anfang und -Ende im CSS erzeugt. Allerdings habe ich hier die Vermutung, dass ein Screenreader das ganze mit "Zitat" einleiten würde, bevor er es vorliest. Kann man das nicht auch mit Hilfe eines span-Elementes erzeugen?
|
|
13.02.2012, 15:16
|
|||
|
|||
|
Zitate?! Ich habe keine Ahnung wovon du redest. Zeig, was du gemacht hast.
Für generated content brauchst du die Pseudo-Elemente :before und :after in Verbindung mit der content-Eigenschaft, in deinem Fall auf einen Link angewendet.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
13.02.2012, 15:29
|
|||
|
|||
|
Du hast kein Zitat. Du hast einen Link. Also was wirst du wohl statt des "q" hinschreiben müssen?
Nochmal: Informier dich über die genannten Pseudoelemente und die content-Eigenschaft.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
14.02.2012, 12:36
|
|||
|
|||
|
Hab es nun folgendermaßen gemacht:
Code:
span.help:before {
content: "[?]";
color: inherit;
}
span.help:after {
content: "[?]";
color: inherit;
}
HTML-Code:
<span class="help">Hilfe</span> Vielen Dank für die Hilfe!
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 17:30 |
| Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 13:08 |
| DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 13:14 |
| Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 20:52 |
| Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 20:03 |
Linear-Darstellung
