Gunnar Bittersmann: Plain Text statt Werbung

Beitrag lesen

@@pl

Link rein, Text raus

Wo du deine Seite hier zum Code-Review freigibst:

    <meta charset="UTf-8">

Viel Eifer hast du wohl nicht in diese Codezeile gesteckt. Groß-/Kleinschreibung per Zufallsprinzip?

Auch hätte der Eifer eher kommen sollen. Die Angabe der Zeichencodierung muss in den ersten 1024 Bytes des Dokuments stehen. Das tut sie bei dir noch. Wenn aber noch Angaben dazukommen, kann sie da schnell rausfallen. Deshalb: Angabe der Zeichencodierung am besten als allererstes im head.

    <meta name="author" content="Rolf Rost" />

So wichtig bist du aber auch nicht als dass diese Angabe gleich doppelt vorhanden sein müsste.

<div class="desk navcontainer_desk">
    <nav>
      <ul class='navlist_desk'>
        
            <li  title="Modern Perl-Framework Next Generation"> <a href="/" >Startseite</a> </li>
         
            <li  title="Schreiben Sie mir, ich freue mich über jede Rückmeldung"> <a href="/mail.html" >Mail</a> </li>
         
            <li  title="Volltextsuche über den Index und Inhalte dieser Website"> <a href="/find" >Suche</a> </li>
         
            <li  title="Ausgewählte Artikel und Anwendungen welche zu meinen Hobbies passen."> <a href="/hobby.html" >Hobby</a> </li>
         
            <li  title="Eigentlich sollte das mein Blog werden. Aber soviel habe ich nun auch wieder nicht zu sagen."> <a href="/blog" >Blog</a> </li>
         
            <li  title="Als Perlprogrammierer entwickelte ich in den Jahren 1997 bis heute ungezählte Webanwendungen und Perl-Scripts."> <a href="/web" >Web</a> </li>
        
      </ul>
    </nav>
</div>

Auch dieser Block mit identischem Inhalt ist doppelt vorhanden. Was soll das?

<address>
Anbieter: nmq​rstx-18­@yahoo.de, 
die Seite verwendet funktionsbedingt einen Session-Cookie und ist Bestandteil meines nach modernen Aspekten in Perl entwickelten Frameworks.
</address>

Vom Wahrheitsgehalt des Satzes abgesehen: er hat nichts in einem address-Element zu suchen.

<div class="desk">
    <ul id="footer_urls">
    
        <li style="display:inline; padding:0.1em"> <a href="/framework.html" title="Post-Modern Framework für Perl5, multidomain- und multiuserfähig">Framework</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/web" title="Als Perlprogrammierer entwickelte ich in den Jahren 1997 bis heute ungezählte Webanwendungen und Perl-Scripts.">Web</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/demo" title="Testen Sie hier einige von mir programmierte Webanwendungen">Demo's</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/geosun.html" title="Die Anwendung ermittelt Ihren geografischen Standort und zeigt Sonnenaufgang/Sonnenuntergang">Sunrise</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/jobs.heise.de" title="Über jobs.heise.de RSS Feed publizierte IT-Stellenangebote">Jobs</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/blog" title="Eigentlich sollte das mein Blog werden. Aber soviel habe ich nun auch wieder nicht zu sagen.">Blog</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/wetter.de" title="Feed: Ein Service von www.wetter.com">Wetter</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/eu.html" title="Wer die Gegenwart verstehen will, sollte die richtigen Schlüsse aus der Geschichte ziehen">Euro</a> </li>
     
        <li style="display:inline; padding:0.1em"> <a href="/irc.html" title="Chat über Websocket, die innovative Technik!">Chat</a> </li>
    
    </ul>
</div>

Auch diesen Inhalt gibt es in identischer Form doppelt.

Und warum Inline-Styles?

LLAP 🖖

--
“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
2 47

Lesetip: The web accessibility basics

Gunnar Bittersmann
  • barrierefreiheit
  • html
  • zur info
  1. 0
    pl
    1. 0
      marctrix
      1. 0
        Der Martin
        1. 0
          marctrix
        2. 0
          Gunnar Bittersmann
          • design/layout
          1. 0
            marctrix
          2. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
              1. 0
                Der Martin
                1. 0
                  Tabellenkalk
                2. 0
                  Auge
                  • design/layout
                  • menschelei
                3. 0
                  Gunnar Bittersmann
                  1. 0
                    Der Martin
                    1. 0
                      marctrix
                      1. 0
                        Der Martin
                        1. 0
                          marctrix
      2. 0
        Gunnar Bittersmann
        • design/layout
      3. 0
        pl
        1. 0

          Plain Text statt Werbung

          pl
          1. 1
            Matthias Apsel
            1. 0
              pl
              1. 0
                Christian Kruse
          2. 0
            JürgenB
            1. 0
              pl
          3. 0
            Gunnar Bittersmann
            1. 0
              pl
              1. 1
                Gunnar Bittersmann
                1. -2
                  pl
          4. 1
            Gunnar Bittersmann
  2. 1
    Matthias Apsel
  3. 0
    Orlok
    • barrierefreiheit
    • html
    1. 0
      Matthias Apsel
    2. 0
      Gunnar Bittersmann
  4. 3
    marctrix
    1. 0
      marctrix
    2. 0
      kerstin
      1. 0
        marctrix
        1. 0
          kerstin
          1. 0
            marctrix
      2. 0
        marctrix
        1. 0
          kerstin
          1. 0
            marctrix
  5. 0

    Developer's guide to accessibility mechanics

    Gunnar Bittersmann
    1. 0
      Felix Riesterer
      • barrierefreiheit
      • meinung
      1. 0
        Gunnar Bittersmann
        1. 0
          Felix Riesterer
          • meinung
          • menschelei