Beispiel, Codeschnipsel für barrierefreie Typo3 Portale

24iX SYSTEMS

Typoscript Setup Beispiele für eine barrierefrei Typo3 - Site

Beispiel Setup 'Accessible Menue'
temp.TopNav = TMENU
temp.TopNav {
 wrap = <ul> | </ul>
 noBlur = 1
  IProcFunc = user_cronaccessiblemenus->makeAccessible
  IProcFunc.accessKeys = 1
  IProcFunc.dfn = 1
  IProcFunc.accessKeyWrap = <span class="accessKey"> | </span>
  IProcFunc.appendWrap = <span class=”hidden”>&nbsp;(ALT- | )</span>
# S,H Skip to Content und H für Hilfe soll nicht als Accesskey genutzt werden
  IProcFunc.forbiddenKeys = S,H
  NO {
    allWrap = <li> | </li>
    stdWrap.htmlSpecialChars = 1
  }
  ACT = 1
  ACT {
    wrapItemAndSub = <li class="act"> | </li>
    stdWrap.htmlSpecialChars = 1
  }
  RO = 0
}

Typo3 XHTML Konfiguration und Ausgabe

TypoScript und Page TS config für XHTML Ausgabe
config {
    doctype = xhtml_trans
    doctypeSwitch = 1
    xmlprologue = none
    xhtml_cleaning = all
}

# PAGE TS config
RTE.config.tt_content.bodytext.proc {
    entryHTMLparser_db {
           xhtml_cleaning = 1
   }
}

XHTML - Ausgabe der TypoScript Konfiguration

Die Umsetzung im Browser
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">