Förbättringsförslag på huvudmenyn

Hej @Ostbullen,

I dagsläget har inget på sajten byggs för att vara tillgänglighetsanpassad enligt EN 301 549 eller tidigare standard. Menyn är ett väldigt dåligt ihopkok, rent programmeringsmässigt. JavaScript är inte min starkaste sida och den slängdes ihop vid det responsiva projektet och inte rörts sedan dess.

Nu är jag inte påläst om var för rekommendationer det görs enligt EN 301 549, men det är i sådant fall den vi kommer att följa om vi introducerar "space" för att öppna menyn.

Alt 3. är att lägga till en knapp som öppnar menyerna, en sån där pil. Minns inte om jag fick menyn att reagera på "touch" event för surfplattor som ville öppna menyn eller ej. Fick problem med att den dubbelpingade event på vissa webbläsare och den stängdes så fort jag öppnade den...

/ Johan

Är det inte precis så det fungerar på mobilversionen just nu?

CSS vet inte vilket typ av event (mouse/touch) som använts när man trycker på något.

Trycker man på "Forum" med en mus öppnas /forum. Undermenyn öppnas med :hover, som inte fungera på touchskärmar.

Triggar man eventet "touch" via en touchskärm öppnar vi dropdownen och visar en dold kopia av "Forum".

För att få en 100% ren CSS-meny kan man mig veterligen inte använda vår struktur* - utan man behöver då klicka på forum två gånger för att komma dit. En för att öppna en undermenyn (med hjälp av dolda input-fält) och en till gång för att komma dit på desktop.

Självklart kan man titta på storleken på skärmen för att säga när en användare bör ha en viss enhet, men du kan ha en datormus inkopplad till en mobil/surfplatta och då måste användaren klicka två gånger istället för en med musen. Alternativt fungerar bara mus vid den storleken och användare som bara har touchskärm kan då inte använda undermenyn, vilket är störta problemet.

Det vi inte tagit i beaktning är tangentbordsnavigering, annars prickade vi ett par av boxarna.

* Om man lägger till en knapp som öppnar undermenyn fungerar det hjälpligt, men blir platsbrist på mobilen istället.

Nej, vi tillgänglighetsanpassar inte våra webbsajter.

Det var en bra förklaring, då hänger jag med varför ni har js med i menyn.

Upptäckte av en slump att Xenforo har menyerna kopplade till siffertangenterna, dvs om man trycker på 1 så öppnas första menyn och trycker man 2 så öppnas den andra osv, eller om det inte är en meny utan bara länk så går man dit. Kom "osökt" att tänka på den här tråden. Inte för att jag brukar använda tangentbordet för detta ändamål, men andra har tydligen andra synpunkter.

Intressant lösning du hittade @ztenlund. Tryckte som en galning innan jag hittade att det var i forumet man kunde göra det.

Ja, jag menade forummjukvaran Xenforo, inte xenforo.com (även om de ju kör forummjukvaran i forumdelen, förstås).

I alla projekt jag jobbat i har menyn ALLTID varit ett kod-sorgebarn. Jag vet inte varför det är så riktigt, antagligen vill ingen röra skiten som hjälpligt fungerar.

Möjligen lägg till händelselyssnare ("keyup") för alla `nav-dropdown`-klasser som specifikt lyssnar efter knapptrycket mellanslag, eller kanske TAB eftersom den som inte navigerar med tangentbord lär ju knappast vilja använda TAB där? Sedan kan undermenyerna navigeras som vanligt med TAB.

Lyssna även efter att menyn tappar fokus (blur(?)) när TAB hoppar till nästa `nav-dropdown`-klass, och/eller att musen förs över någon annan `nav-dropdown`-klass och/eller lämnar den öppna undermenyn så den nuvarande öppna undermenyn inte förblir öppen.

Här hittade jag också kodförslag inom JS för att göra mer tillgängliga vertikala menyer & undermenyer:
https://blog.logrocket.com/build-accessible-user-interface-ta...

Jag minns från en föreläsning i Webbanvändbarhetskursen från en blind(!) programmerare (kanske till och med hänger här) som tycker att bland annat Inet har en tillgänglighetsvänlig webbsajt, så så omöjligt bör det inte vara att få till!

Mvh,
WKL.