EXT: Accessible XHTML- Template¶

Table of Contents¶

EXT: Accessible XHTML- Template 1

Introduction 2

An example 2

Features 3

temporary solution only? 3

Installation 4

Configuration: Customizing via Constant Editor 5

Implementing extensions i.e. tt_news 5

Todo 6

Changelog 6

Introduction¶

This Extension will create a tableless (XHTML) layout-template and extend TYPO3 so that the content-rendering-engine produces validating accessible output according to W3C,Bobby (AAA + 508), WCAG, BITV, BBG.

This extension is possibly far from completion and is based on Ingmar Schlechts TYPO3-Extension css_styled_imgtext , Ben's and Sacha's help and a great support from the TYPO3-Community. Thanks.

Installation¶

You can get running within 60 Minutes if you already have a working TYPO3-Installation (version 3.6.1 or later) and if you accept a predefined css-layout (see example above):

Install css_styled_content

Install css_styled_imgtext

To get alttexts in your image tags with css_styled_imgtext please insert these lines into typo3conf/ext/css_styled_imgtext/pi1/class.t x_cssstyledimgtext_pi1.php after line 252:

if($conf['useCaptionForAlttext']==1) {
$imgConf['altText'].=$captionArray[$imgKey];

}Now, css_styled_imgtext will display the caption field of tt_content as alttext...

Install gov_accessibility

In your root-template integrate these extensions...

Configuration: Customizing via Constant Editor¶

• pids: tell which pids have to be set and what they are good for.
• fonts
• colors
• css
• images

[SCREENs Constant Editor]

[...](to-Do)

Until this document is finished you need to explore the TS-constants and TS-Setup with the Object-Browser... Lots of possibilities :-)

This extension also supports the extension cc_screenres from René Fritz. If you decide to use screen resolution detection please install the extension and set default screen resolution in typo3conf/localconf.php to1 *$TYPO3\_CONF\_VARS["EXT"]["tx\_ccscreenres"]["defaultRes"] = '1';* otherwise screenresolution-detection will not work correctly

Implementing extensions i.e. tt_news¶

Constants:

plugin.tt_news.file.templateFile = typo3conf/ext/gov_accessibility/templates/html/news.htm
plugin.tt_news.fallBackImage = <img src="/typo3conf/ext/gov_accessibility/gfx/news_fallback.gif" alt="Symbol Information" />

plugin.tt_news.PIDitemDisplay = 1173

Setup:

plugin.tt_news {
  general_stdWrap {
  editPanel = 1
  editPanel {
    allow = move,new,edit,hide,delete
    line=5
    label = %s
    onlyCurrentPid = 0
    previewBorder=4
    edit.displayRecord = 1
    }
  }
  #templateFile = {$plugin.tt_news.templateFile}
  fallBackImage = {$plugin.tt_news.fallBackImage}
  displayLatest.imageWrapIfAny >
  displayList.imageWrapIfAny >
  displaySingle.imageWrapIfAny >
  latestLimit = 3
  displayList.subheader_stdWrap.crop = 300 | ...
  displayLatest.subheader_stdWrap.crop = 200 | ...
  displayLatest.image.altText.field = imagecaption
  displayList.image.altText.field = imagecaption
  displaySingle.image.altText.field = imagecaption
  displayLatest.image.file.maxW = 100
  displayLatest.image.stdWrap >
  displayList.image.stdWrap >
  displayList.image.file.maxW = 100
  displaySingle.image.stdWrap >
  displayLatest.date_stdWrap.strftime = %d.%m.%Y
  displaySingle.date_stdWrap.strftime = %d.%m.%Y
  itemMarkerArrayFunc = user_news_caption

  archiveTitleCObject.10.strftime = Meldung(en) im Monat %m/%Y
  datetimeDaysToArchive = 90
  enableArchiveDate = 1

  # Only wrap 'author' if it contains data.
  displaySingle.author_stdWrap.wrap = ( | )
  displaySingle.author_stdWrap.required = 1

  # Only wrap 'Links' if it contains data.
  displaySingle.links_stdWrap.wrap = Links:<br>|
  displaySingle.links_stdWrap.required = 1

  # Only wrap 'Related News' if it contains data.
  getRelatedCObject.required = 1
  displaySingle.related_stdWrap.wrap = Zurückliegende Meldungen zum Thema: <br />|
  displaySingle.related_stdWrap.required = 1
}

Todo¶

• finish documentation!
• The typoScript needs a lot of cleanup (especially the headers h1-h5 ;)...
• “official” <dfn>, tabindex and accesskey support for TMENU...
• Ingmar needs to finish css_styled_imgtext... Sponsors welcome!
• CObjects IMAGE and IMGTEXT need proper support for alttext, titletext and longdesc. Until then only alttexts are supported by this template. Use the captionfield.see also: http://typo3.org/documentation /mailing-lists/user-list-archive/thread/46492/?tx_maillisttofaq_pi1% 5Bsword%5D=alttext&tx_maillisttofaq_pi1%5Banswered_only%5D=0&tx_ma illisttofaq_pi1%5Bmode%5D=1
• tt_news needs proper support for alttexts. Until then this template uses the captionfield as alttext. The caption will not be rendered in FE...
• legal Information and Disclaimer (i will contact Daniel on this)
• PDF-Generator chokes when using css_styled_imgtext? (i will contact Jens on this)
• Cobj FORM needs accessability support. Until then forms need to be inserted via HTML-Content-Element

Changelog¶

24.08.2004 0.1.0 Added field to table 'pages': accesskey, (i used the alias-field before, no good idea...), Minor bug fixes

23.08.2004 0.0.1 Initial Release

EXT: Accessible XHTML- Template - 6