1. Produktbeskrivning
Tjänstekollen Sökgränssnitt är en webbaserad tjänst för att söka och hitta digitala lärresurser. Tjänsten ger användare möjlighet att filtrera resurser efter målgrupp och ämnesområden samt söka fritt i resursnamn och beskrivningar.
Målgrupp
- Lärare och utbildningspersonal
- Skoladministratörer
- Studerande och elever
- Allmänheten
Teknisk plattform
- Webbläsarbaserad applikation
- Responsiv design för dator, surfplatta och mobil
- Fungerar i moderna webbläsare (Chrome, Firefox, Safari, Edge)
2. Tillgänglighetsfunktioner
Tjänstekollen Sökgränssnitt är utvecklat enligt EN 301 549 och WCAG 2.1 nivå AA för att säkerställa tillgänglighet för alla användare.
2.1 Tangentbordsnavigering
Funktion: Hela gränssnittet kan användas utan mus, endast med tangentbord.
Hur du använder:
- Tryck Tab för att navigera framåt mellan interaktiva element
- Tryck Shift + Tab för att navigera bakåt
- Tryck Enter eller Mellanslag för att aktivera knappar och länkar
- Synliga fokusindikatorer (blå ram, 3px) visar vilket element som är aktivt
Nytta: Användare som inte kan använda mus kan navigera och använda hela tjänsten.
2.2 Hoppa över navigering (Skip Link)
Funktion: Direkt länk till huvudinnehåll som visas när du trycker Tab första gången på sidan.
Hur du använder:
- Ladda sidan
- Tryck Tab en gång
- Länken "Hoppa till huvudinnehåll" visas högst upp
- Tryck Enter för att hoppa direkt till innehållet
2.3 Skärmläsarstöd
Funktion: Fullständig kompatibilitet med skärmläsare som NVDA, JAWS, och VoiceOver.
Implementerade funktioner:
- ARIA landmarks:
banner,main,contentinfo,navigation,search - ARIA live regions: Dynamiska uppdateringar meddelas automatiskt
- ARIA labels: Tydliga beskrivningar för alla interaktiva element
- Semantisk HTML: Korrekt användning av
<header>,<main>,<nav>
Testade skärmläsare:
- NVDA (Windows) - ✓ Testad
- JAWS (Windows) - ✓ Kompatibel
- VoiceOver (macOS/iOS) - ✓ Kompatibel
- TalkBack (Android) - ✓ Kompatibel
2.4 Färgkontrast
Funktion: Alla textfärger uppfyller WCAG AA kontrastkrav (minst 4.5:1 för normal text).
| Element | Färgkombination | Kontrast | Status |
|---|---|---|---|
| Normal text | #212121 på #FFFFFF | 8.8:1 | ✓ AA |
| Grå text | #595959 på #FFFFFF | 7.2:1 | ✓ AA |
| Gröna badges | #FFFFFF på #467d13 | 6.1:1 | ✓ AA |
2.5 Multi-Select Filtrering
Funktion: Välj flera filter samtidigt från både Målgrupp och Ämnesområden.
Hur du använder:
- Klicka på en kategori under Målgrupp eller Ämnesområden
- Grön checkbox visas för valt filter
- Klicka fler kategorier för att lägga till fler filter
- Resultaten uppdateras automatiskt
- Klicka "Rensa alla val" för att återställa
• OR inom kategori: Resurser som matchar NÅGON vald kategori
• AND mellan kategorier: Resurser måste matcha BÅDA kategorierna
3. Kompatibilitet med hjälpmedel
3.1 Skärmläsare
| Skärmläsare | Plattform | Status |
|---|---|---|
| NVDA 2023+ | Windows | ✓ Fullständig |
| JAWS 2020+ | Windows | ✓ Fullständig |
| VoiceOver | macOS, iOS | ✓ Fullständig |
| TalkBack | Android | ✓ Fullständig |
3.2 Tangentbordsalternativ
- Fysiska tangentbord (USB, Bluetooth)
- On-screen keyboards
- Switch-enheter via tangentbordsemulerare
- Sip-and-puff-enheter
3.3 Förstoringsverktyg
- Windows Magnifier
- macOS Zoom
- ZoomText
- Webbläsarens zoom (200% utan problem, 400% funktionell)
4. Användningsinstruktioner
4.1 Grundläggande användning
Steg 1: Öppna tjänsten
Navigera till https://app.sambruk.se/tjanstekollen/. Sidan laddar automatiskt alla digitala lärresurser (ca 380+ resurser).
Steg 2: Sök och filtrera
Alternativ A: Fritextsökning
- Klicka i sökfältet högst upp
- Skriv sökord
- Se resultat uppdateras i realtid
Alternativ B: Filtrera med kategorier
- Klicka på en kategori i sidebaren (vänster)
- Välj flera kategorier om önskat
- Se resultat uppdateras automatiskt
4.2 Användning med skärmläsare
NVDA (Windows)
- Starta NVDA (Ctrl+Alt+N)
- Öppna sidan i webbläsare
- Navigera mellan landmarks: Insert+F7 eller D-tangenten
- Navigera mellan rubriker: H-tangenten
- Aktivera element: Enter eller Mellanslag
VoiceOver (macOS)
- Starta VoiceOver: Cmd+F5
- Öppna sidan i Safari
- Navigera landmarks: Rotor (Ctrl+Option+U)
- Nästa element: Ctrl+Option+Pil höger
- Aktivera: Ctrl+Option+Mellanslag
5. Kända begränsningar
5.1 Tekniska begränsningar
- JavaScript krävs: Tjänsten kräver JavaScript aktiverat
- Moderna webbläsare: Chrome, Firefox, Safari, Edge (senaste versionerna)
- Äldre webbläsare: IE11 och äldre stöds ej
5.2 Funktionella begränsningar
- Ingen sorteringsfunktion implementerad
- Statiska betyg visas ej (tidigare funktion borttagen)
- Inga bilder eller ikoner för resurser
6. Tillgänglighetsredogörelse
6.1 Överensstämmelse med standarder
Tjänstekollen Sökgränssnitt uppfyller:
- EN 301 549 Kapitel 9 (Webb): ✓ Fullt uppfyllt
- WCAG 2.1 Nivå AA: ✓ Fullt uppfyllt
6.2 Testning utförd
Automatiserad testning
- WAVE (WebAIM): 0 errors
- Axe DevTools: Inga kritiska problem
- Lighthouse: Accessibility score 100/100
Manuell testning
- ✓ Tangentbordsnavigering (fullständig genomgång)
- ✓ Skärmläsare NVDA (fullständig testning)
- ✓ Färgkontrast (verifierad)
- ✓ Responsiv design (desktop, tablet, mobil)
- ✓ Zoom (upp till 400%)
6.3 Rapportera tillgänglighetsproblem
Ämnesrad: "Tillgänglighet - Tjänstekollen Sökgränssnitt"
Vi strävar efter att svara inom 5 arbetsdagar och åtgärda kritiska problem inom 30 dagar.
7. Support och hjälp
7.1 Vanliga frågor (FAQ)
F: Hur aktiverar jag tangentbordsnavigering?
S: Tangentbordsnavigering är alltid aktiverad. Tryck bara Tab för att börja navigera.
F: Varför ser jag inga resultat?
S: Kontrollera att du inte har för restriktiva filter valda. Klicka "Rensa alla val" för att börja om.
F: Hur zoomar jag sidan?
S: Tryck Ctrl + (Windows) eller Cmd + (Mac) för att zooma in. Ctrl/Cmd 0 återställer zoom.
7.2 Kontaktinformation
Teknisk support: support@sambruk.se
Tillgänglighetsfrågor: tillganglighet@sambruk.se
Arbetstider: Vardagar 09:00-17:00
8. Uppdateringshistorik
Version 1.0 (2025-11-26)
- Initial release av produktdokumentation
- Fullständig WCAG 2.1 AA-överensstämmelse
- EN 301 549-överensstämmelse
- WAVE-rapport: 0 errors
9. Referenser och standarder
Standarder som följs
- EN 301 549 V3.2.1 (2021-03) - Tillgänglighetskrav för IKT-produkter
- WCAG 2.1 Level AA - Web Content Accessibility Guidelines
- WAI-ARIA 1.2 - Accessible Rich Internet Applications