Mittwald CM Service: TYPO3-Hosting, TYPO3-Schulungen, Agenturpakete, Managed-Server
Optimiertes TYPO3 Hosting von Mittwald CM Service
FORUM » TypoScript » Barrierefreiheit

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:
Html4strict:Zeilennummerierung:  An / Aus

  1. ...
  2. <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:Zeilennummerierung:  An / Aus

  1. # ENTFERNT DIV MIT DER
  2.       KLASSE "csc-textpic-imagewrap"
  3.    tt_content.image.20.imageStdWrapNoWidth.wrap =
  4.  
  5.    # ENTFERNT
  6.       <div class="csc-textpic csc-textpic-left csc-textpic-above">
  7.    tt_content.image.20.layout.2.value = ###IMAGES######TEXT###
  8.  


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:Zeilennummerierung:  An / Aus

  1. {
  2.   lib.stdheader.stdWrap.dataWrap >
  3.   lib.stdheader.10.1.fontTag = <h2>|</h2>
  4.   lib.stdheader.2.headerStyle >
  5.   lib.stdheader.3.headerClass >
  6.   lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines {
  7.     encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6, table, tr, td, ul, ol, dl
  8.     addAttributes >
  9.     addAttributes.DIV.class >
  10.   }
  11.   tt_content {
  12.     stdWrap.dataWrap >
  13.     stdWrap.prefixComment >
  14.     header.20.dataWrap >
  15.     header.20.prefixComment >
  16.     default.prefixComment >
  17.     text.stdWrap.prefixComment >
  18.     text.20.prefixComment >
  19.     textpic.20.stdWrap.prefixComment >
  20.     table.20.stdWrap.prefixComment >
  21.     mailform.20.stdWrap.wrap >
  22.     menu.20.stdWrap.prefixComment >
  23.     image.20.stdWrap.prefixComment >
  24.     list.20.stdWrap.prefixComment >
  25.   }
  26. }


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: 374
 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]
Seite im Aufbau: typo3.intervation.de
Agentur: ideenwerft.com/
Verfasst am: 15.08.2008 [12:49]
ikkez

dabei seit: 04.08.2008
Beiträge: 14
 ick hab da mal was vorbereitet:

Typoscript:Zeilennummerierung:  An / Aus

  1. tt_content.stdWrap.innerWrap.cObject >
  2. tt_content.stdWrap.innerWrap2 >
  3. tt_content.dataWrap >
  4. tt_content.prepend >
  5. tt_content.textpic.20.text.10.10.stdWrap.dataWrap >
  6. tt_content.image.20.imageStdWrap.dataWrap >
  7. tt_content.image.20.imageStdWrapNoWidth.wrap >
  8. tt_content.image.20.imageColumnStdWrap.dataWrap >
  9. tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
  10. tt_content.image.20.layout.1.value < tt_content.image.20.layout.default.value
  11. tt_content.image.20.layout.2.value < tt_content.image.20.layout.default.value
  12. tt_content.image.20.layout.8.value < tt_content.image.20.layout.default.value
  13. tt_content.image.20.layout.9.value < tt_content.image.20.layout.default.value
  14. tt_content.image.20.layout.10.value < tt_content.image.20.layout.default.value
  15. tt_content.image.20.layout.17.value < tt_content.image.20.layout.default.value
  16. tt_content.image.20.layout.18.value < tt_content.image.20.layout.default.value
  17. tt_content.image.20.layout.25.value < tt_content.image.20.layout.default.value
  18. tt_content.image.20.layout.26.value < tt_content.image.20.layout.default.value
  19. tt_content.image.20.rendering.dl.imageRowStdWrap.dataWrap >
  20. tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap >
  21. tt_content.image.20.rendering.dl.imgTagStdWrap.wrap >
  22. tt_content.image.20.rendering.dl.editIconsStdWrap.wrap >
  23. tt_content.image.20.rendering.dl.caption.wrap >
  24. tt_content.textpic.20.text.10.10.stdWrap.dataWrap >
  25. 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: 4838
 Ich möchte mal anmerken, das die wrapped divs nichts mit barrierefrei zu tun haben. Das ist eher was für Quelltextpuristen.
Typo3 Know-How
das Backupscript für MySQL
Verfasst am: 15.08.2008 [19:48]
einpraegsam.net

[Moderator]
dabei seit: 17.01.2005
Beiträge: 8111
über 5000 Posts		 Hierzu habe ich übrigens mal ein HowTo verfasst:
www.typo3.net/forum/list/list_post//71044/?howto=1
Powermail :: einpraegsam.net :: Follow Me :: XING profile :: conject
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:Zeilennummerierung:  An / Aus

  1. # Entfernen der Haupt Div-Class
  2. tt_content.image.20.imageStdWrap.dataWrap >
  3.  
  4. # Entfernen einer Div-Class
  5. tt_content.image.20.imageColumnStdWrap.dataWrap >
  6.  
  7. # Clear und Kommentar nach Bildern abschalten
  8. tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
  9.  
  10. # dl-Tag entfernen
  11. tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap >
  12.  
  13. # dt-Tag entfernen
  14. 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:Zeilennummerierung:  An / Aus

  1. /--------------------------------------------------
  2. #Verändern der Referenz in eine Kopie, damit man Bild anders formatieren kann, als Text-mit-Bild
  3. /--------------------------------------------------
  4. tt_content.textpic >
  5. tt_content.textpic = COA
  6. tt_content.textpic {
  7.         10 = COA
  8.         10.if.value = 25
  9.         10.if.isLessThan.field = imageorient
  10.         10.10 = < lib.stdheader
  11.         20  < tt_content.image.20
  12.         20.text.10 = COA
  13.         20.text.10 {
  14.                 if.value = 24
  15.                 if.isGreaterThan.field = imageorient
  16.                 10 = < lib.stdheader
  17.                 10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div>
  18.         }
  19.         20.text.20 = < tt_content.text.20
  20. }
  21.  
  22. /--------------------------------------------------
  23. #Unötige Wraps um Image entfernen
  24. /--------------------------------------------------
  25. # Entfernen der Haupt Div-Class
  26. tt_content.image.20.imageStdWrap.dataWrap >
  27.  
  28. # Entfernen einer Div-Class
  29. tt_content.image.20.imageColumnStdWrap.dataWrap >
  30.  
  31. # Clear und Kommentar nach Bildern abschalten
  32. tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
  33.  
  34. # dl-Tag entfernen
  35. tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap >
  36.  
  37. # dt-Tag entfernen
  38. 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: 40
 Hab ein Problem:

Hab diesen Code hier eingebaut:
Typoscript:Zeilennummerierung:  An / Aus

  1. tt_content.stdWrap.innerWrap.cObject >
  2. tt_content.stdWrap.innerWrap2 >
  3. tt_content.dataWrap >
  4. tt_content.prepend >
  5. tt_content.textpic.20.text.10.10.stdWrap.dataWrap >
  6. tt_content.image.20.imageStdWrap.dataWrap >
  7. tt_content.image.20.imageStdWrapNoWidth.wrap >
  8. tt_content.image.20.imageColumnStdWrap.dataWrap >
  9. tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
  10. tt_content.image.20.layout.1.value < tt_content.image.20.layout.default.value
  11. tt_content.image.20.layout.2.value < tt_content.image.20.layout.default.value
  12. tt_content.image.20.layout.8.value < tt_content.image.20.layout.default.value
  13. tt_content.image.20.layout.9.value < tt_content.image.20.layout.default.value
  14. tt_content.image.20.layout.10.value < tt_content.image.20.layout.default.value
  15. tt_content.image.20.layout.17.value < tt_content.image.20.layout.default.value
  16. tt_content.image.20.layout.18.value < tt_content.image.20.layout.default.value
  17. tt_content.image.20.layout.25.value < tt_content.image.20.layout.default.value
  18. tt_content.image.20.layout.26.value < tt_content.image.20.layout.default.value
  19. tt_content.image.20.rendering.dl.imageRowStdWrap.dataWrap >
  20. tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap >
  21. tt_content.image.20.rendering.dl.imgTagStdWrap.wrap >
  22. tt_content.image.20.rendering.dl.editIconsStdWrap.wrap >
  23. tt_content.image.20.rendering.dl.caption.wrap >
  24. tt_content.textpic.20.text.10.10.stdWrap.dataWrap >
  25. 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!



Impressum  | Kontakt  | TYPO3 Hosting  | TYPO3 Schulungen

  
TYPO3 Hosting in der Version 4.3.2 kostenlos bei Mittwald CM Service testen

TYPO3 4.3.2 jetzt testen

Testen Sie die neue TYPO3 Version 4.3.2 kostenlos für einen Monat


Entwicklerschulungen

  • Espelkamp:
    Mit., 17.03.10 - Fre., 19.03.10
  • Berlin:
    Mit., 21.04.10 - Fre., 23.04.10
  • Köln:
    Mon., 21.06.10 - Mit., 23.06.10