Skrivet av Lagers:
Hur kommer det sig att man arbetar med JavaScript på en menu?
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.
Skrivet av Lagers:
Har ni testat om den fungerar med en skärmläsare så de som använder hjälpmedel kan surfa på SweC?
Nej, vi tillgänglighetsanpassar inte våra webbsajter.