«

»

Norges Blindeforbund – berre for Internet Explorer-brukarar med godt syn?

Merknad: Dette innlegget er fleire år gammalt. Informasjonen kan vere utdatert og eg kan ha endra syn sidan då.

Under ein samtale eg hadde no nyleg om XHTML og vevstandardar, hamna eg på vevsidene åt Norges Blindeforbund.
Sjølv om eg ikkje kan skryta av å ha verdas beste kjeldekode sjølv, så vil eg påstå at Boba.no er meir tilgjengeleg for blinde enn det denne var. Sjå på korleis dei har laga menyen sin (redigert til å visa berre det viktigaste):

<div>
   <table>
      <tr>
         <td>Forside</td>
         <td>
            <table>
               <tr>
                  <td>
                     <table>
                        <tr>
                           <td>Om oss</td>
                        </tr>
                     </table>
                  </td>
                  <td>
                     <table>
                        <tr>
                           <td>Tilbud og tjenester</td>
                        </tr>
                     </table>
                  </td>
                  <td>
                     <table>
                        <tr>
                           <td>Tilrettelegging i samfunnet</td>
                        </tr>
                     </table>
                  </td>
                  <td>
                     <table>
                        <tr>
                           <td>Fakta og publikasjoner</td>
                        </tr>
                     </table>
                  </td>
                  <td>
                     <table>
                        <tr>
                           <td>Bli medlem</td>
                        </tr>
                     </table>
                  </td>
                  <td>
                     <table>
                        <tr>
                           <td>Støtt oss</td>
                        </tr>
                     </table>
                  </td>
               </tr>
            </table>
         </td>
         <td>Fylkeslag</td>
      </tr>
   </table>
</div>

Dette er ikkje ein god måte å gjera det på. Då er det mykje betre å gjera det slik:

<div>
   <ul>
      <li>Forside</li>
      <li>Om oss</li>
      <li>Tilbud og tjenester</li>
      <li>Tilrettelegging i samfunnet</li>
      <li>Fakta og publikasjoner</li>
      <li>Bli medlem</li>
      <li>Støtt oss</li>
      <li>Fylkeslag</li>
   </ul>
</div>

Forskjellen i koden er, som du ser, enorm. Forskjellen på korleis den fyrste kodesnutten ser ut i ulike nettlesarar er like enorm. Forskjellen på korleis nettlesarar for blinde tolkar desse kodesnuttane er astronomiske. Den fyrste kodesnutten er nesten umogleg for ein blind person å lesa, medan den andre er så logisk oppbygd at alle kan lesa den.

Her må eg skyta inn litt sjølvkritikk. Du treng ikkje sjå så veldig langt unna dårleg kode. Sjå til dømes i kjeldekoden til Boba.no. Eg held sjølvsagt på å ordna slik at den dårlege koden vert betre, men førebels lyt dette berre stå som eit døme.

<div>
      <a class="menyoverskrift" href="index.html">Innhald på vevstaden</a>
      <a href="simon.html">Kven er Simon?</a>
      <a href="videoteket">DVD-samlinga mi</a>
      <a href="tekstar">Ymse tekstar</a>
      <a href="kalender">Kalenderen</a>
      <a href="vevlogg">Simon seier</a>
      <a href="kontakt">Kontakt</a>
      <a href="peikarar">Peikarar</a>
</div>

Dette skulle sjølvsagt ha vore noko slikt:

<div>
      <h4 class="menyoverskrift"><a href="index.html">Innhald på vevstaden</a><h4>
      <ul>
         <li><a href="simon.html">Kven er Simon?</a></li>
         <li><a href="videoteket">DVD-samlinga mi</a></li>
         <li><a href="tekstar">Ymse tekstar</a></li>
         <li><a href="kalender">Kalenderen</a></li>
         <li><a href="vevlogg">Simon seier</a></li>
         <li><a href="kontakt">Kontakt</a></li>
         <li><a href="peikarar">Peikarar</a></li>
      <ul>
</div>

Gje innspel