Schrijven van effectieve alt-tekst voor afbeeldingen
Iedereen die iets weet over de toegankelijkheid van het web weet dat de beelden nodig alternatieve, of ALT, tekst aan hen toegewezen. Dit komt omdat het scherm kunt afbeeldingen lezers niet begrijpen, maar voorlezen de alternatieve tekst aan hen toegewezen. In Internet Explorer kunnen we zien ALT-tekst, simpelweg door de muis over het beeld en kijken naar de gele tooltip die verschijnt. Andere browsers (juist) niet doen. De HTML-code voor het invoegen ALT tekst is: img src = "bestandsnaam.gif" alt = "Alternatieve beschrijving komt hier" Maar toch er geen sprake kan een vaardigheid aan het schrijven van ALT-tekst voor afbeeldingen? Je hoeft alleen pop een beschrijving daar en je bent goed om te gaan, toch? Nou ja, soort van. Tuurlijk, het is geen rocket science, maar er zijn een paar richtlijnen die u moet volgen ... Spacer beelden en ALT textSpacer ontbrekende afbeeldingen moeten altijd worden toegewezen lege ALT-tekst, of alt = "". Op deze manier de meeste lezers zullen scherm volledig negeren van het imago en zal zelfs niet bekend zijn aanwezigheid. Spacer beelden zijn beelden die vrij onzichtbaar meeste websites gebruiken. Het doel van hen is, zoals de naam al aangeeft, om ruimte te maken op de pagina. Soms het is niet mogelijk om de visuele weergave moet u maken, zodat u een beeld kunt stok in (met vermelding van de hoogte en breedte) en voliÃÆ'à † â € ™ Ã⠀ Ã, Â, heb je de extra ruimte die u need.Not iedereen gebruikt deze lege ALT-tekst voor spacer afbeeldingen. Sommige websites stok in alt = "spacer image". Stel je voor hoe vervelend dit kan worden voor een schermlezer gebruiker, vooral als je tien van hen in een rij. Een scherm lezer zou zeggen, "Image, spacer image" tien keer op een rij (screen readers meestal zeggen het woord, "Image", vóór het lezen van zijn ALT-tekst) - nu dat is niet nuttig! Andere web-ontwikkelaars gewoon weglaten de ALT attribuut voor spacer beelden (en misschien andere beelden). In dit geval zullen de meeste screenreaders leest de bestandsnaam, die zouden kunnen worden 'Newsite / images / onepixelspacer.gif'. Een scherm lezer zou aankondigen deze afbeelding als "Image, Newsite beelden slash slash een pixel spacer dot gif". Stel je voor wat dit zou klinken als er tien van deze op een rij! Opsommingstekens en iconsBullets en pictogrammen moeten worden behandeld op vrijwel dezelfde manier als spacer beelden, dus moet worden toegewezen null alternatieve tekst, of alt = "". Denk na over een lijst van items met een fancy kogel procedure elk item. Indien de ALT-tekst, wordt 'Bullet' toegewezen aan elke afbeelding dan, 'Image, bullet "hardop wordt gelezen door schermlezers voor elk item in de lijst, waardoor het nemen dat beetje langer te werken door middel van de list.Icons, gewoonlijk gebruikt voor links, moet ook worden toegewezen alt =" ". Veel websites aanvullen, die het pictogram naast de link tekst, gebruikt u de link tekst als de ALT-tekst van het pictogram plaats. Scherm lezers zou eerst aankondigen dit ALT-tekst, en dan de link tekst, dus zou dan zeggen dat de band twee keer, die uiteraard is niet nodig. (Idealiter kogels en pictogrammen moeten worden opgeroepen als achtergrond beelden via de CSS-document - dit hen zou verwijderen uit het HTML-document volledig te verwijderen en dus de noodzaak van ALT omschrijving.) Decoratieve imagesDecorative beelden ook moet worden toegewezen null alternatieve tekst, of alt = "". Als een afbeelding is pure eye candy dan is er geen behoefte aan een schermlezer gebruiker ook weten dat het er is en wordt de hoogte van zijn aanwezigheid alleen maar voegt aan het lawaai pollution.Conversely, kan je stellen dat de afbeeldingen op uw site creëren van een merkidentiteit en door ze te verbergen van gebruikers schermlezer je ontkennen deze groep van gebruikers dezelfde ervaring. Toegankelijkheid deskundigen hebben de neiging de voorkeur te geven het eerste argument, maar er is zeker een geldige geval voor de laatste too.Navigation & tekst ingebed in imagesNavigation menu's die vereisen fancy tekst hebben geen andere keuze dan om de tekst te verankeren binnen een afbeelding. In deze situatie moet de ALT-tekst niet worden gebruikt om uit te breiden op de afbeelding. In geen geval mag de ALT-tekst zeggen: "Lees alles over onze fantastische diensten, ontworpen om u te helpen bij alles wat je doet '. Als het menu-item zegt, 'Diensten' vervolgens de ALT-tekst moet ook zeggen: 'Diensten'. ALT-tekst moet altijd een beschrijving van de inhoud van het beeld en de tekst moet herhalen woord-voor-woord. Als u wilt uitbreiden op de navigatie, zoals in dit voorbeeld, kunt u de titel attribute.The Hetzelfde geldt voor alle ingesloten andere tekst in een afbeelding. De ALT tekst moet gewoon herhalen, woord-voor-woord, de tekst binnen dat beeld. (Tenzij het lettertype in gebruik is vooral uniek is het vaak nodig om insluiten tekst binnen afbeeldingen - geavanceerde navigatie en achtergrond effecten kan nu worden gerealiseerd met CSS.) Bedrijf logoWebsites de neiging om verschillen in de manier waarop zij van toepassing zijn ALT-tekst aan logo's. Sommigen zeggen, 'Bedrijfsnaam', Company anderen 'naam-logo', en andere een beschrijving van de functie van het beeld (meestal een link terug naar de homepage), 'Terug naar huis'. Denk eraan ALT-tekst altijd beschrijving van de inhoud van het beeld, zodat het eerste voorbeeld, alt = "Bedrijfsnaam", is waarschijnlijk het beste. Indien het logo is een link terug naar de homepage dan is dit effectief kan worden meegedeeld via de titel tag.ConclusionWriting effectieve ALT-tekst is niet te moeilijk. Als het een decoratieve afbeelding vervolgens null alternatieve tekst, of alt = "" meestal moet worden gebruikt - nooit en te nimmer weglaten van de ALT-attribuut. Als de afbeelding tekst bevat dan de ALT-tekst moet gewoon herhalen deze tekst, woord-voor-woord. Denk eraan dat ALT-tekst beschrijft de inhoud van het beeld en niets more.Do ook zeker ook op ALT-tekst zo kort en beknopt mogelijk. Luisteren naar een webpagina met een screen reader duurt veel langer dan de traditionele methodes, dus niet het surfen pijnlijke ervaring voor gebruikers schermlezer te maken met opgeblazen en onnodige ALT text.This artikel is geschreven door Trenton Moss. Hij is gek over web usability en toegankelijkheid - zo gek dat hij ging en begon zijn eigen web usability en toegankelijkheid consultancy (Webcredible --
Artikel Bron: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster krijgen html code
Voeg dit artikel aan uw website!
Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!
