Webpagina's om toegankelijk te maken, gebruik alt-teksten voor afbeeldingen. Dat is wat we altijd geleerd. Maar er zijn goede en slechte toepassingen van alt-tekst. Er zijn ook gevallen waarin het hebben van geen alt-tekst is eigenlijk het juiste ding om te doen.
Wat die u nodig hebt
- Een webpagina met afbeeldingen
- Uw normale HTML- en afbeeldingsbestanden bewerkingsgereedschappen
Onderscheidingen in Alt-tekst
Als alt-tekst nodig is, als een kenmerk van de img-tag van uw HTML-code toevoegen. Het is gewoon alt = "hier is voorbeeld alt tekst" geschreven als onderdeel van de img-element.
Het doel van de alt-tekst is te verklaren de betekenis van een afbeelding als de afbeelding niet wordt weergegeven. Kijk naar de Amazon menu Beeld aan het begin van het artikel. ALT-tekst is wat je ziet wanneer het Amazon.com-menu wordt weergegeven zonder afbeeldingen. Zoals u zien kunt, is het menu nog steeds volledig bruikbaar en begrijpelijk dankzij goede alt-tekst.
Goede alt-tekst voor iets dat in een menu worden geklikt moet zeggen dat het zelfde ding het beeld zegt. Bijvoorbeeld, moet alt-tekst voor een knop die zegt "Home" ook zeggen "Thuis." De alt-tekst vervangt de afbeelding in de inhoud en functie.
Voor niet-menu afbeeldingen die zijn bedoeld om te worden geklikt, de alt-tekst moet het uitleggen van het doel van de klik. Bijvoorbeeld een afbeelding van een boek met een link om het te kopen van Amazon.com moeten zegt iets als alt = "Koop dit boek op amazon.com".
ALT-tekst voor een afbeelding waarmee inhoud en betekenis aan de pagina moet verklaren de betekenis geboden door de afbeelding of de inhoud.
Er is een onderscheid tussen afbeeldingen waarmee informatie en inhoud versus beelden die alleen maar decoratief zijn. Bijvoorbeeld, kijk naar deze afbeelding van de eBay.com-pagina. (De alt-tekst wordt weergegeven met behulp van de Firefox Web Developer toolbar.)
![]()
Daarentegen, kijk naar een ander beeld van eBay.com. Het beeld is hier alleen maar decoratief. Het voegt geen betekenis aan de informatie eronder over andere eBay-bedrijven, dus het moet geen alt-tekst.
![]()
Wanneer u een afbeelding aan een webpagina die geen inhoud of informatie aan de pagina toevoegt toevoegt, simpel gezegd niets in de alt-tekst, zoals deze alt = "". Zet om het even wat tussen de aanhalingstekens--zonder spaties, geen niets. Een auditieve schermlezer zal dit negeren en het niet aan te kondigen.
Als je kunt, verwijdert alleen decoratieve beelden uit de HTML-code en voeg ze toe aan de pagina met behulp van de CSS achtergrond-regels.
Wanneer mensen bekijken pagina's met beelden uit, 's it either om tijd te besparen, omdat hun browser afbeeldingen niet wordt weergegeven, of omdat ze een ondersteunende apparaat zoals een auditieve schermlezer gebruikt.
Als decoratieve afbeeldingen worden toegevoegd aan de weergave met behulp van CSS, zij niet deel van de inhoud van de HTML-code at all. Dus, een gebruiker met beelden uit voor welke reden dan ook is niet gehinderd door onnodige informatie over beelden die niet inhoud.
