Word­Press miss­ach­tet W3C-Stan­dards


In­halts­ver­zeich­nis

  1. Heu­te am Bei­spiel des Un­ter­strich von Hy­per­links, auch Se­lek­tor “a”
  2. Die Nor­mung von HTML5 und CSS3 sind gro­ße Er­leich­te­run­gen
  3. Word­Press und die Ehr­lich­keit
  4. Noch Open Source Soft­ware oder doch nicht mehr zu emp­feh­len
  5. Bei­spiel der De­kla­ra­tio­nen “out­line” und “bor­der”

Im­mer wie­der wer­den von “Word­Press” be­währ­te Stan­dards miss­ach­tet. Hier im The­me “Twen­ty Six­te­en” von WordPress.org.


Heu­te am Bei­spiel des Un­ter­strich von Hy­per­links, auch Se­lek­tor “a”

Das CSS, Cas­ca­ding Style She­ets, gibt dem In­halt das Aus­se­hen. Die­se Tren­nung ist vom W3C, World Wide Web Con­sor­ti­um, auch ge­nau­so ge­wollt. Das CSS gibt es mitt­ler­wei­le in der 3. Ver­si­on und deckt für die meis­ten Web­de­si­gner auch ge­fühl­te 99% der ge­wünsch­ten Funk­tio­nen ab.


Die Nor­mung von HTML5 und CSS3 sind gro­ße Er­leich­te­run­gen

Wird ein Link ge­setzt, so wird die­ser so­fort ohne wei­te­re Lay­out-Ein­stel­lun­gen in der Far­be Blau und mit Un­ter­strich dar­ge­stellt. Au­ßer­dem be­kommt der Maus­zei­ger die Form des Poin­ters zu­ge­wie­sen. Das sind die 3 Stan­dards die in je­dem HTML-Do­ku­ment für Hy­per­links schon vor­de­fi­niert sind. Der Un­ter­strich wird da­bei von der De­kla­ra­ti­on “text-de­co­ra­ti­on” mit dem Wert “un­der­line” dar­ge­stellt.
Die­ser Stan­dard soll ge­währ­leis­ten, das nach­fol­gen­de Ar­bei­ten an der Web­sei­te und sei­nem CSS, ohne wei­te­ren Auf­wand und von je­dem an­de­rem Be­ar­bei­ter fort­ge­setzt wer­den kön­nen. Denn das schluss­end­li­che Werk, für das ein Web­de­si­gner be­zahlt wird, ge­hört dem Kun­den.


Word­Press und die Ehr­lich­keit

Jetzt das Aber, aber war­um ver­su­chen Web­de­si­gner die­se Stan­dards mit nicht kon­for­men Win­kel­zü­gen aus­zu­he­beln? Das bleibt wohl de­ren Ge­heim­nis. Das es ge­tan wird, das ist zwei­fel­los Tat­sa­che. Doch das es bei den emp­foh­le­nen und von der ei­ge­nen Platt­form ver­brei­te­te The­mes von Word­Press sind, das ist är­ger­lich und wi­der­spricht auch dem Ge­dan­ken von Open Source Soft­ware, näm­lich der Nicht­dis­kri­mi­nie­rung, und dem wich­tigs­tem De­sign­prin­zip, dem KISS-Prin­zip.

In ver­schie­den The­mes, die von Word­Press ver­trie­ben wer­den, sind mir sol­che nicht stan­dard­kon­for­men De­kla­ra­tio­nen von Ele­men­ten vor­ge­kom­men und sie är­gern mich so sehr das ich nun ei­nen Bei­trag zum Word­Press Stan­dart-The­me “Twen­ty Six­te­en” schrei­be. Denn hier wird der Un­ter­strich von Links er­stellt mit “box-shadow: 0 1px 0 0 cur­rent­Co­lor;”.

Ver­sucht nun je­mand die­sen Un­ter­strich zu än­dern oder zu ent­fer­nen wird er nicht fün­dig mit der Su­che nach “text-de­co­ra­ti­on”. Bei ei­nem an­de­rem The­me von Word­Press wird der Un­ter­strich mit “bor­der-bot­tom” er­stellt, das zu dem sel­bem Är­ger beim Web­de­si­gner führt.


Noch Open Source Soft­ware oder doch nicht mehr zu emp­feh­len

Jetzt stellt sich mir die Fra­ge, sind die­se The­mes denn dann über­haupt noch Open Source Soft­ware und wenn nicht, dann sind die­se auch nicht mehr zu emp­feh­len!

Bei­spie­le
stan­dard­kon­for­mer Hy­per­link der W3C-Emp­feh­lung
Hy­per­link mit “bor­der-bot­tom“
Hy­per­link mit “box-shadow“
Es sind kei­ne Un­ter­schie­de zu er­ken­nen, ge­nau das ist die fa­ta­le Si­tua­ti­on, vor dem der Web­de­si­gner steht. Zu­dem sind in dem The­me “Twen­ty Six­te­en” 6(sechs) CSS-Da­tei­en mit 53kB, das ent­spricht etwa 9000 Wör­ter, da ist die Su­che nach der ent­spre­chen­den De­kla­ra­tio­nen schon sehr schwer.


Bei­spiel der De­kla­ra­tio­nen “out­line” und “bor­der”

Hier liegt kein Feh­ler vor, nur scheint “out­line” doch sehr red­un­dant zu sein. Die De­kla­ra­ti­on “out­line” ist ohne sie zu ken­nen nicht gleich von “bor­der” zu un­ter­schei­den. Der Un­ter­schied liegt dar­in, “bor­der” legt sich zu­erst um den In­halt und “out­line” be­inhal­tet “bor­der” und den Con­tent. Aber ein­zeln ge­setzt, ist “out­line” nicht von “bor­der” zu un­ter­schei­den.

Hy­per­link mit “bor­der“
Hy­per­link mit “out­line“
Hy­per­link mit blau­er ge­punk­te­ter Li­nie für “out­line” und ro­ter Li­nie für “bor­der”

Stan­dard-Hy­per­link mit text-decoration: underline;

Hy­per­link mit border-bottom: 1px solid #3A78E0;

Hy­per­link mit box-shadow: 0 1px 0 #3A78E0;

out­line : 0;