Ga direct naar de inhoud

Zoekfunctie en sitemaps

Sitehulpmiddelen, zoals zoekfuncties en sitemap of index, kunnen zeer nuttig zijn voor gebruikers bij het verkennen en vinden van inhoud. Hoewel site-navigatie duidelijk en intuïtief moet zijn, bieden zoekfunctie of sitemap een alternatieve methode om inhoud te vinden die voor sommige gebruikers gemakkelijker kan zijn. De Web Content Accessibility Guidelines (WCAG) vereisen meerdere manieren om webpagina’s op een site te vinden. Zoeken, site maps of een inhoudsopgave kunnen aan deze belangrijke eis voldoen.

Zoeken op site

Een goede site-zoekfunctie stelt gebruikers in staat de gewenste inhoud te vinden en er direct naar toe te gaan. De sitezoekfunctie zelf moet gemakkelijk te vinden en eenvoudig te bedienen zijn. Een geavanceerd of ingewikkeld zoekformulier kan als extra functie worden aangeboden, maar het moet niet de standaardoptie zijn. Het zoekformulier moet gemakkelijk te onderscheiden zijn op de pagina en onderscheiden zijn van andere formulieren door een duidelijk gelabeld zoekvak en/of -knop.

De zoekfunctie op de site is vaak het meest bruikbaar als ze op elke pagina op een consistente plaats staat, zonder dat gebruikers gedwongen worden op een link naar een zoekpagina te klikken. De zoekfunctie moet een tekenbreedte van ongeveer 25 tot 35 tekens hebben, zodat gebruikers hun zoekopdrachten zonder al te veel moeite kunnen typen en bewerken.

Het zoeken op een site kan worden gemarkeerd met de “search” ARIA landmark role (bijv. <form role="search">) zodat het gemakkelijker toegankelijk is voor gebruikers van schermlezers en toetsenborden. Deze rol onderscheidt het zoekformulier van alle andere formulieren op de pagina.

Sitemaps of indexen

Er zijn drie hoofdtypen sitemap of index:

  • Alfabetisch
  • Per onderwerp of categorie
  • Grafisch

Alfabetisch

Alfabetische site-indexen geven een alfabetische lijst van alle belangrijke inhoudsgebieden op een site, ongeveer zoals de index achter in een boek. Dit kan onnodig zijn voor zeer kleine sites, en onpraktisch voor zeer grote sites, omdat deze lijsten te lang kunnen worden om effectief te gebruiken, maar het is ook een van de nuttigste manieren voor een gebruiker om informatie op een site te vinden.

Hoe uitgebreider de alfabetische index, hoe nuttiger hij is, zolang hij maar niet onpraktisch wordt. Ontwikkelaars zullen misschien meerdere pagina’s moeten maken voor lange indexen, misschien met een pagina voor elke letter van het alfabet.

Per onderwerp of categorie

Dit geeft als resultaat een lijst van links naar de inhoud van een website, georganiseerd per onderwerp of categorie.

Normaal gesproken weerspiegelen dit soort sitemaps de organisatie van de site. Als een site bijvoorbeeld 3 hoofd-“tabs” of categorielinks bovenaan elke pagina heeft, kunnen deze 3 categorieën dienen als de methode om de inhoud van de structurele sitemap te organiseren. In het algemeen moet de organisatie van de sitemap een weerspiegeling zijn van de navigatie of structurele organisatie van de site zelf.

Grafische site maps

Hoewel minder gebruikelijk - en wellicht minder nuttig - zijn grafische of visuele sitemap-types een alternatief voor de meer gebruikelijke tekstuele versies. Deze grafieken lijken vaak op de organigrammen die vaak door bedrijven worden gebruikt om de hiërarchische relaties tussen leidinggevenden en de mensen onder hun toezicht af te bakenen.

Het bovenstaande voorbeeld is relatief eenvoudig. Een probleem met grafische site maps voor complexe sites is dat er grote structurele maps nodig zouden zijn - misschien wel groter dan gemakkelijk kan worden begrepen.

Er zijn vele manieren om de organisatie van een site grafisch weer te geven. In de rubrieken kunnen foto’s of grafieken worden gebruikt om concepten te groeperen en te illustreren. Cirkels of kaders kunnen rond verwante pagina’s worden getekend. Een meubelwinkel zou een plattegrond van een huis kunnen gebruiken om de namen of foto’s van verschillende soorten meubilair te ordenen. Alle links naar keukenartikelen zouden letterlijk in de keuken van het schema kunnen worden geplaatst, enzovoort. Dit soort concepten kan heel krachtig zijn wanneer ze zorgvuldig worden gebruikt en op bruikbaarheid worden getest. De creativiteit die komt kijken bij het bedenken van ideeën als deze kan echter gemakkelijk averechts werken en een verwarrende puinhoop creëren. Wees creatief, maar test oplossingen om er zeker van te zijn dat ze werken.

Grafische site maps zijn waarschijnlijk overbodig als het visuele ontwerp van de site navigatie duidelijke visuele aanwijzingen geeft over de structuur van de hele site. Een ander belangrijk punt is de toegankelijkheid voor schermlezers. Het zou moeilijk zijn om een dergelijke grafische sitemap van voldoende beschrijvende alternatieve tekst te voorzien. In dat geval kunnen andere mechanismen nodig zijn om de structuur van de site toegankelijk te maken.

Credits

Deze pagina is grotendeels gebaseerd op een vertaling van WebAim’s pagina over sitemaps en zoekfuncties.

Bronnen