CSC-Klassen entfernen und Barrierefreiheit
| Autor | Nachricht |
|---|---|
|
Verfasst am: 02. 07. 2007 [23:15]
|
|
|
Maxxon
Themenersteller
Dabei seit: 15.02.2007
Beiträge: 36
|
Hallo, ich habe jetzt den ganzen Abend im Forum gesucht und diverse Tipps ausprobiert. Die Problematik ist ja anscheinend nicht gerade selten. Also es geht wie beschrieben um die ganzen von CSC erzeugten Klassen. Die ganzen Tipps zum entfernen habe ich mehr oder weniger erfolgreich versucht umzusetzen. Mein Quellcode sieht jetzt ungefähr so aus: HTML ... <h3>Zweiter Teil des Films ist im Handel</h3><div class="csc-textpic csc-textpic-intext-right csc-textpic-equalheight"><div class="csc-textpic-imagewrap"><div class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:84px;"><div><img title="Cover der DVD" src="typo3temp/pics/8d5384d665.jpg" alt="Cover der DVD. Zeigt ein altes Stadtfoto mit dem Schloss im Hintergrund." height="116" width="84" /></div></div></div><div class="csc-textpic-text"><p class="bodytext">Die Fortsetzung der für die Stadt und die Region einmaligen Dokumentation zeigt mehr Szenen, lässt neun Zeitzeugen zu Wort kommen und erreicht mit 85 Minuten Spielfilmlänge. Es ist eine Zeitreise durch die Jahre 1955 bis 1980. </p> Mich stören allerdings noch diese ganzen "textpic"-Klassen! Wie bekomme ich die weg? Kann ich die überhaupt so einfach ausblenden, ohne "größeren Schaden" anzurichten? Ich bin zwar auf folgenden Tipp gestoßen: TYPOSCRIPT # ENTFERNT DIV MIT DER KLASSE "csc-textpic-imagewrap" tt_content.image.20.imageStdWrapNoWidth.wrap = # ENTFERNT <div class="csc-textpic csc-textpic-left csc-textpic-above"> tt_content.image.20.layout.2.value = ###IMAGES######TEXT### Aber ich weiß nicht ob das so richtig ist, denn es passiert einfach GAR NIX wenn ich das so einbaue. Dann noch eine zweite Frage: Die fertige Webseite soll barrierefrei sein. Angenommen ich bekomme diese Angaben nicht weg...hätte das irgendwelche Auswirkungen? Ich denke nicht. Oder? |
  |
|
|
Verfasst am: 04. 08. 2007 [10:54]
|
|
|
suit
Dabei seit: 09.01.2007
Beiträge: 45
|
Hallo, ich kämpfe mit dem selben problem hier ein link zu meiner Demoseite http://www.rebell.at/pzw_typo3/index.php?id=1 folgendes TS habe ich grade in verwendung, das entfernt angeblich alles - tut es aber nicht - aber immerhin ist ein großteil schon weg TYPOSCRIPT { lib.stdheader.stdWrap.dataWrap > lib.stdheader.10.1.fontTag = <h2>|</h2> lib.stdheader.2.headerStyle > lib.stdheader.3.headerClass > lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines { encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6, table, tr, td, ul, ol, dl addAttributes > addAttributes.DIV.class > } tt_content { stdWrap.dataWrap > stdWrap.prefixComment > header.20.dataWrap > header.20.prefixComment > default.prefixComment > text.stdWrap.prefixComment > text.20.prefixComment > textpic.20.stdWrap.prefixComment > table.20.stdWrap.prefixComment > mailform.20.stdWrap.wrap > menu.20.stdWrap.prefixComment > image.20.stdWrap.prefixComment > list.20.stdWrap.prefixComment > } } zu deiner frage zur barrierefreiheit - gravierende auswirkungen hat das nicht - aber eine bildbeschreibung gehoert in die longdesc oder das alt-attribut und nicht in das dd einer definitionsliste - genausowenig gehoert das bild in dt eingebaut - die 4 divs rundherum sind ebenfalls redundant - man kann das ganze auch ohne dem schrott stylen ich frag mich schon die ganze zeit, warum ich ein schönes valides barrierearmes xhtml-template baue, wenn typo3 redundanten schrottcode produziert und styleinformationen als attribute fest in den quelltext reinschreibt und deprecated attribute (height und width) verwendet - die gehören da nicht hin hat bitte jemand eine idee, wie ich den dreck wegbekomme? danke |
|
|
|
Verfasst am: 05. 08. 2007 [09:47]
|
|
|
ArminB
Dabei seit: 11.08.2005
Beiträge: 391
|
moin, Info zum entfernen von "überflüssigen" tags, http://www.typo3xhtml.de/typo3-xhtml/ Angenommen ich bekomme diese Angaben nicht weg...hätte das irgendwelche Auswirkungen? Ich denke nicht. Oder? Es hat gar keine Auswirkungen auf die Barrierefreiheit. aber eine bildbeschreibung gehoert in die longdesc oder das alt-attribut und nicht in das dd einer definitionsliste - genausowenig gehoert das bild in dt eingebaut - die 4 divs rundherum sind ebenfalls redundant - man kann das ganze auch ohne dem schrott stylen Wenn ich Bildtext für alle Benuzer sichtbar nutzen möchte, ist die Lösung mittels einer Def.-Liste eine gute Wahl da eine Zuordnung Bild-Text erfolgt.Armin[/TS] Nichts kommt von selbst, sogar eine Dummheit muss man erst machen.
Tipps und Tricks zu TYPO3: http://typo3.intervation.de Folge mir auf http://twitter.com/intervation Agentur: Ideenwerft Werbeagentur |
 |
|
|
Verfasst am: 15. 08. 2008 [12:49]
|
|
|
ikkez
Dabei seit: 04.08.2008
Beiträge: 14
|
ick hab da mal was vorbereitet: TYPOSCRIPT tt_content.stdWrap.innerWrap.cObject > tt_content.stdWrap.innerWrap2 > tt_content.dataWrap > tt_content.prepend > tt_content.textpic.20.text.10.10.stdWrap.dataWrap > tt_content.image.20.imageStdWrap.dataWrap > tt_content.image.20.imageStdWrapNoWidth.wrap > tt_content.image.20.imageColumnStdWrap.dataWrap > tt_content.image.20.layout.default.value = ###IMAGES######TEXT### tt_content.image.20.layout.1.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.2.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.8.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.9.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.10.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.17.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.18.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.25.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.26.value < tt_content.image.20.layout.default.value tt_content.image.20.rendering.dl.imageRowStdWrap.dataWrap > tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap > tt_content.image.20.rendering.dl.imgTagStdWrap.wrap > tt_content.image.20.rendering.dl.editIconsStdWrap.wrap > tt_content.image.20.rendering.dl.caption.wrap > tt_content.textpic.20.text.10.10.stdWrap.dataWrap > tt_content.textpic.20.text.wrap > entfernt alles was um bilder gewrapt wird |
|
|
|
Verfasst am: 15. 08. 2008 [12:53]
|
|
|
steffenk
Moderator
Dabei seit: 22.09.2005
Beiträge: 4839
|
Ich möchte mal anmerken, das die wrapped divs nichts mit barrierefrei zu tun haben. Das ist eher was für Quelltextpuristen. |
|
|
|
Verfasst am: 15. 08. 2008 [19:48]
|
|
|
einpraegsam.net
Moderator
Dabei seit: 17.01.2005
Beiträge: 8534
|
Hierzu habe ich übrigens mal ein HowTo verfasst: www.typo3.net/forum/list/list_post//71044/?howto=1 |
|
|
|
Verfasst am: 15. 08. 2008 [21:27]
|
|
|
SLAng
Moderator
Dabei seit: 20.10.2004
Beiträge: 2773
|
Man muss ja nicht gleich alles wegschmeißen. Um die Classen um die Bilder zu entfernen reicht auch das: TYPOSCRIPT # Entfernen der Haupt Div-Class tt_content.image.20.imageStdWrap.dataWrap > # Entfernen einer Div-Class tt_content.image.20.imageColumnStdWrap.dataWrap > # Clear und Kommentar nach Bildern abschalten tt_content.image.20.layout.default.value = ###IMAGES######TEXT### # dl-Tag entfernen tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap > # dt-Tag entfernen tt_content.image.20.rendering.dl.imgTagStdWrap.wrap > Generell macht es mMn keinen Sinn das global abzuschalten. Hat auf Barierefreiheit keinen Einfluss und zerstört auch keineswegs das Layout, da ja gerade durch die CSS-Classen überhaupt erst Benutzerfreundlich gestyled werden kann. Ich verwende auf einer meiner Seiten die Nested Content Elements. Da kann ich diese Wraps größtenteils nicht gebrauchen und die zerstören dann sogar den Aufbau. Auf diesen speziellen Seiten habe ich die Wraps dann per Condition abgeschaltet. In diesem Fall machts Sinn, aber global sicher nicht. Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
|
|
|
|
Verfasst am: 22. 01. 2009 [10:50]
|
|
|
sachavorbeck
Dabei seit: 29.10.2002
Beiträge: 11
|
Hallo, SLAng schrieb: Um die Classen um die Bilder zu entfernen reicht auch das: danke für den Code. Da ich nur beim Inhaltselemt Bild die Wraps entfernen wollte, nicht aber bei Text-mit-Bild, habe ich mir das TS von css_styled_content im Template Analyzer angesehen. Dort wird bei textpic eine Referenz von tt_content.image.20 erzeugt. D. h. das alle Änderungen, die man später an tt_content.image.20 vornimmt sich immer auch auf textpic auswirken. Diese Referenz habe in eine Kopie umgewandelt und danach die Änderungen von dir an image vorgenommen. Nun ist das reine Bild schön schlank und bei Text-mit-Bild können die Redakteure sich austoben. TYPOSCRIPT /-------------------------------------------------- #Verändern der Referenz in eine Kopie, damit man Bild anders formatieren kann, als Text-mit-Bild /-------------------------------------------------- tt_content.textpic > tt_content.textpic = COA tt_content.textpic { 10 = COA 10.if.value = 25 10.if.isLessThan.field = imageorient 10.10 = < lib.stdheader 20 < tt_content.image.20 20.text.10 = COA 20.text.10 { if.value = 24 if.isGreaterThan.field = imageorient 10 = < lib.stdheader 10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div> } 20.text.20 = < tt_content.text.20 } /-------------------------------------------------- #Unötige Wraps um Image entfernen /-------------------------------------------------- # Entfernen der Haupt Div-Class tt_content.image.20.imageStdWrap.dataWrap > # Entfernen einer Div-Class tt_content.image.20.imageColumnStdWrap.dataWrap > # Clear und Kommentar nach Bildern abschalten tt_content.image.20.layout.default.value = ###IMAGES######TEXT### # dl-Tag entfernen tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap > # dt-Tag entfernen tt_content.image.20.rendering.dl.imgTagStdWrap.wrap > Ciao, Sacha "this golden age of communication means everybody talks at the same time"
(Justin Sullivan, New Model Army) |
|
|
|
Verfasst am: 30. 10. 2009 [11:25]
|
|
|
clemi
Dabei seit: 13.01.2009
Beiträge: 42
|
Hab ein Problem: Hab diesen Code hier eingebaut: TYPOSCRIPT tt_content.stdWrap.innerWrap.cObject > tt_content.stdWrap.innerWrap2 > tt_content.dataWrap > tt_content.prepend > tt_content.textpic.20.text.10.10.stdWrap.dataWrap > tt_content.image.20.imageStdWrap.dataWrap > tt_content.image.20.imageStdWrapNoWidth.wrap > tt_content.image.20.imageColumnStdWrap.dataWrap > tt_content.image.20.layout.default.value = ###IMAGES######TEXT### tt_content.image.20.layout.1.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.2.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.8.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.9.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.10.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.17.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.18.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.25.value < tt_content.image.20.layout.default.value tt_content.image.20.layout.26.value < tt_content.image.20.layout.default.value tt_content.image.20.rendering.dl.imageRowStdWrap.dataWrap > tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap > tt_content.image.20.rendering.dl.imgTagStdWrap.wrap > tt_content.image.20.rendering.dl.editIconsStdWrap.wrap > tt_content.image.20.rendering.dl.caption.wrap > tt_content.textpic.20.text.10.10.stdWrap.dataWrap > tt_content.textpic.20.text.wrap > aber auf der website wird mir immernoch <div class="csc-textpic csc-textpic-left csc-textpic-above"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:600px;">..... angezeigt! was mache ich falsch? cache is gelöscht. typo3 4.2.10! |
|
|