Tillgänglighet

Ikoner och bilder saknar textalternativ. (1.1.1 Innehåll som inte är text)

Felaktig rubrikstruktur och rubriknivåer, inklusive felplacerade, saknade och dubbla rubriker. (1.3.1 Information och relationer)

ARIA-landmärken är för närvarande inte implementerade. (1.3.1 Information och relationer)

Pilarna i bildgalleriet är otillgängliga för tangentbordsanvändare. (1.4.13)

Felaktig användning av semantiska HTML-element, inklusive överanvändning av taggar och felaktig användning av flera taggar. (1.3.1 Information och relationer)

Viss visuell layoutinformation är inte fullt tillgänglig, med saknade ARIA-etiketter och icke-beskrivande alt-texter. (1.3.1 Information och relationer)

Saknade inmatningsetiketter för vissa fält, såsom rullgardinsmenyer och årsfältet i passageraruppgifterna. (1.3.1 Information och relationer)

Vissa ikoner uppfyller inte kraven på kontrast för icke-text, såsom Apollo-stjärnorna (1,48:1) och Apollo-betygsikonen (1,53:1). (1.4.11 Kontrast för innehåll som inte är text)

Den gula knappen (aktiva och inaktiva tillstånd), spara-knappen och galleripilarna saknar tillräcklig kontrast. Kontrastproblem påverkar även kryssrutor och inaktiverad text i filtret för boendelistan. (1.4.11 Kontrast för innehåll som inte är text)

Även om de flesta texterna i bokningsguiden kan förstoras till 200 %, förekommer problem såsom textöverflöd, överlappning och otydlig text i vissa steg. (1.4.4 Förändring av textstorlek)

Väljare för avresedatum, kartnålar och länkar till felmeddelanden är otillgängliga eller störande för tangentbordsnavigering, medan vissa element saknar synliga fokusindikatorer. (2.1.1 Tangentbord, 2.1.2 Ingen tangentbordsfälla)

Alternativa reslängder i komponenten för boende kan inte hanteras med tangentbordet (2.4.3 Fokusordning)

När en dialogruta aktiveras är fokus inte inställt på det första interaktiva elementet. (2.4.3 Fokusordning)

Länkar i sidfoten saknar beskrivande namn eller alt-attribut. (2.4.3 Fokusordning)

Vissa element liknar visuellt länkar men är programmatiskt definierade som knappar, och vice versa. (2.4.4 Syftet med en länk (i sammanhanget))

Rubriker är inte konsekventa och saknar ibland kontext, till exempel felaktigt matchade flikrubriker och huvudrubriker. (2.4.6 Rubriker och ledtexter/etiketter)

Inmatningsfälten i steg sex saknar korrekta etiketter eller har repetitiva associationer, vilket gör dem otillgängliga för skärmläsare. (2.4.6 Rubriker och ledtexter/etiketter, 3.3.2 Ledtexter/etiketter eller instruktioner)

Klickbara informationsikoner saknar enhetlighet i beteende, med varierande klickbara områden och länkåtgärder (dialogrutor vs. hyperlänkar), tillsammans med inkonsekvent färg på länkar och visuella indikatorer som pilar, vilket orsakar förvirring. (3.2.4 Konsekvent identifiering)

Obligatoriska fält saknar visuella indikationer, är inte markerade med aria-required och visas endast i rött när fel förekommer. (3.3.2 Ledtexter/etiketter eller instruktioner, 1.3.1 Information och relationer)

Plats-knappen och alternativa reslängder använder ej passande element och bör ersättas med semantiska komponenter eller lämpliga roller. (4.1.2 Namn, Roll, Värde)

Statusmeddelanden för åtgärder som att kopiera länkar, spara hotell, ange rabattkoder och otillgängliga alternativ detekteras inte av skärmläsare. (4.1.3 Statusmeddelanden)

Vissa ikoner och bilder saknar textalternativ, till exempel bockar, Apollo-recensioner, husikonen i brödsmulorna och bilder i Hero-sektionen. (1.1.1 Innehåll som inte är text)

Sidorna har inkonsekventa rubrikstrukturer, med problem som saknade taggar, otydliga hierarkier och onödiga H-taggar i komponenter som banners och produktkort. (1.3.1 Information och relationer)

Ikoner för apollo-betyg är dolda med aria-hidden, vilket gör hotellbetyg otillgängliga. Specifikt för kampanjsidor. (1.3.1 Information och relationer)

Stängningsknappen för resenärernas modal är sist i när man tabbar igenom trots att den visas högst upp. Samt ordningen när man tabbar igenom blir inkonsekvent när man öppnar ”Visa detaljer” följt av en infoikonmodal. (1.3.2 Meningsfull ordning)

Vissa överlägg (inte filteröverlägg), verktygstips och Apollo-ikon uppfyller inte kravet på 3:1-kontrast. (1.4.11 Kontrast för icke-text)

Knappen Video och bildgalleri på hotellsidorna och destinationssidorna uppfyller ibland inte kravet på textkontrast på grund av sin låga opacitet. (1.4.3 Kontrast)

Text som skärs av i Teaser Card, knappar med lång text som överskrider sina gränser, Campaign Plate som priser hamnar fel och skär av text till höger. (1.4.4 Förändring av textstorlek)

Hjälpsektionerna på sidorna för hotell och resor kan inte navigeras med tangentbordet, och Teaser Card har dubbla fokusområden. (2.1.1 Tangentbord, 2.1.2 Ingen tangentbordsfälla)

På kampanjsidorna är det inte möjligt att tabba sig igenom raden med möjliga datum. (2.1.1 Tangentbord, 2.1.2 Ingen tangentbordsfälla)

Det är möjligt att tabba sig igenom rubrikerna för att snabbare navigera till huvudinnehållet. Men eftersom navigeringen för närvarande innehåller h3-taggar blir detta sätt att hoppa över rubrikinnehållet repetitivt. (2.4.1 Hoppa över grupperat innehåll)

Dialogrutorna misslyckas med att sätta fokus på det första interaktiva elementet, vilket innebär att det inte finns något initialt fokus. (2.4.3 Fokusordning)

Vissa länkar, som ”Läs mer” och ”Från [pris]”, saknar tydligt syfte, och länkar i tabellen på informationssidan ger inte tillräckligt med sammanhang för att identifiera deras destinationer. (2.4.4 Syftet med en länk)

Länkar till samma destination, till exempel /inspiration, har inkonsekvent länktext på olika sidor. (3.2.4 Konsekvent identifiering)

Kampanjplattan, videoknappen, sportbetygstabellen, datumlistan och dragspelen saknar korrekta roller eller etiketter. (4.1.2 Namn, roll, värde.)

Animation att det laddas på kampanjsidorna meddelas inte till skärmläsare. (4.1.3 Statusmeddelanden)

TripAdvisor- och Apollo-recensionsknapparna är inte tydligt märkta för skärmläsare, ikonerna under datumväljaren saknar sammanhang för sin tillhörande text och informationsikonen bredvid prisdetaljerna är namnlös men ingår i en klickbar länk. (1.1.1 Innehåll som inte är text)

I båda sökrutorna bör överdriven användning av <div>-element ersättas med semantiska taggar för att förbättra tillgängligheten och minska beroendet av ARIA. (1.3.1 Information och relationer)

I kalendersökrutan överensstämmer läsordningen i stort sett med den visuella ordningen, men datumväljaren kräver ett korrekt tabbindex för tillgängliga datum. (1.3.2 Meningsfull ordning)

Sökrutan innehåller inga ARIA-landmärken. (1.3.1 Information och relationer)

I kalendersökrutan klipps priset i prisväljaren av, liksom texten ”slut” när texten och skärmen ändras till 200 %. (1.4.10, 1.4.4 Förändring av textstorlek)

Apollo-betyg och den gula knappen har inte tillräcklig kontrast. (1.4.11 Kontrast för innehåll som inte är text)

Om det finns en rabatt visas en röd text på grå bakgrund och texten ”slut” uppfyller inte kontrastkravet. (1.4.3 Kontrast)

I sökrutan bryts inte texten korrekt i textfälten när storleken ändras, vilket gör den oläslig eller överlappande, och Apollo-betyg överlappar varandra vid högre zoomnivåer. (1.4.4 Förändring av textstorlek)

Länken ”Prisdetaljer” kan inte nås med tangentbordet. (2.1.1 Tangentbord, 2.1.2 Ingen tangentbordsfälla)

I dialogrutor som öppnas från sökrutor, det vill säga Recensioner, Prisdetaljer och Flygdetaljer, är fokus inte inställt på det första interaktiva elementet, utan på något element alls. (2.4.3 Fokusordning)

Länkarna till betyg är inte tydliga i skärmläsaren och ger inte tillräckligt med sammanhang. Utan att se betygsvisualiseringen är det svårt att förstå sammanhanget. (2.4.4 Syfte med en länk)

I båda sökrutorna finns det tre olika beteenden och visuella utseenden för en länk som öppnar en dialogruta: Prisdetaljer, Recensioner och Flygdetaljer (3.2.4 Konsekvent identifiering)

I båda sökrutorna visas en animation med gula cirklar när man klickar på ”Prisdetaljer” och laddningsinformationen visas, men ingen information läses upp av skärmläsaren, vilket gör det svårt för användaren att förstå genom att lyssna. (4.1.3 Statusmeddelanden)

”Prisdetaljer” är inte definierat som en knapp, och datumväljaren saknar grupperingsroller för veckor. (4.1.2 Namn, roll, värde).

Länken ”Skriv ut”, ikoner bredvid ”Prisspecifikation” och ”Tillbaka till översikt” är inte tillgängliga via tabbtangenten. På fliken ”Tillägg” fastnar användarna på den första informationsikonen, och radioknapparna i betalningsflödet fungerar inkonsekvent mellan olika avsnitt. (2.1.1 Tangentbord, 2.1.2 Ingen tangentbordsfälla)

Inkluderingen av h3 taggar i navigeringen gör tabbningen repetitiv, och det rekommenderas att lägga till en skip-länk knapp för att gå direkt till huvudinnehållet. (2.4.1 Hoppa över till grupperat innehåll)

Fokus är inte inställt på det första interaktiva elementet i dialogrutorna, och vissa modala dialogrutor saknar innehåll utöver sina titlar. (2.4.3 Fokusordning)

Länkar som flyg, boende och lägg till i resedokument saknar tydliga beskrivande etiketter, och webbplatslänken i viktig information är inte tillräckligt specifik för att ange dess destination. (2.4.4 Syftet med en länk)

Rubrikerna i vissa avsnitt är inte tydliga, vilket gör det svårare för användarna att förstå sammanhanget eller innehållet i dessa avsnitt. (2.4.6 Rubriker och ledtexter/etiketter)

Radioknappar saknar dold kompletterande text för tydlighetens skull. Tilläggssektionerna är otydliga eftersom deras titlar inte är korrekt anpassade till motsvarande inmatningsfält eller knappar, vilket påverkar tillgängligheten för skärmläsare. (2.4.6 Rubriker och ledtexter/etiketter, 3.3.2 Ledtexter/etiketter eller instruktioner).

Länkar och knappar visas på ett inkonsekvent sätt, till exempel har knappen Lägg till olika funktioner på olika sidor och knappen ”Avbryt ” har en annan utformning än andra knappar. (3.2.4 Konsekvent identifiering).

Rutan för betalningsalternativ och den utdragbara prisspecifikationen saknar tydliga roller, och utskriftsknappen identifieras felaktigt som en länk trots att den fungerar som en knapp. (4.1.2 Namn, roll, värde)

Statusmeddelanden, inklusive indikatorer för sidladdning, är otydliga och informerar inte användarna tillräckligt om framstegen. (4.1.3 Statusmeddelanden).