Handikappanpassning

Vi har ett projekt där vi ska göra en lösning åt en kund som ska vara handikappanpassad.

Jag har en del frågor och funderingar kring det som jag hoppas Web-Tor och andraq som har erfarenhet av det här kan svara på. :)

En första fråga är hur man ska göra med bilder som endast är med för layout/positionering (t.ex. transparenta giffar). Man vill ju gärna att blinda med talsyntes endast ska hoppa över dessa.
Ska man då ange alt="" eller inget alt-attribut alls..?
Är det inte så att anger man inte alt-attribut så läses bildens namn upp (t.ex. trans.gif)?

En andra fråga. Hur visar man tydligast olika nivåer i en meny?
T.ex. om man har en huvudmeny där det sen vecklas ut undermenyer indenterat. Bilnda ser ju inte att det är indenterat. Hur gör man då för att markera att det är en undermeny?

Har du inte tillgång till en webbläsare med talsyntes så testa sidan i Lynx.
Vad gäller alt-texter på bilder som inte föreställer nåt så går det bra med alt="".

W3C arbetar med nåt som heter Web Accessibility Initiative (WAI) som handlar om bl.a. handikappanpassning av webbsidor. Det är ett ganska digert material med där finns en hel del att hämta.

En andra fråga. Hur visar man tydligast olika nivåer i en meny?
T.ex. om man har en huvudmeny där det sen vecklas ut undermenyer indenterat. Bilnda ser ju inte att det är indenterat. Hur gör man då för att markera att det är en undermeny?

Där har jag ett mycket bra exempel. Kolla på https://www.crt.se i Lynx.

Där la jag in mellanslag i alt-texten för att skapa indenteringen. :)

Hjälpmedelsinstitutet har material på svenska om WAI.

Jag har gått en kurs hos Funka Nu som handlar om webbplatsers tillgänglighet. Dom har också mycket bra material på sin hemsida. :)

Funka Nu var faktiskt med och konkurrerade om det här projektet. :)

https://www.crt.se ser ju bra ut i Lynx, men förstår man att det är en undermeny om man har mellanslag på högersidan när man hör det i en talsyntes?

men förstår man att det är en undermeny om man har mellanslag på högersidan när man hör det i en talsyntes?

Okay, du menar så...

Det man kan göra är ju att lägga till "Nivå två" i alt-texten.

Men saken är att det inte kommer vara bildlänkar i menyn...

Fan va krånglig du ska vara då! :e
Det du vill göra är verkligen inte lätt. Jag kolla på https://www.funkanu.se för dom måste väl vekligen ha tänkt på sån? Nähä! Det var helt omöjlig att se vad som var huvudmenyer och undermenyer.

Jag är inte hundra på vad standarden säger men kan du inte använda title="" på dina länkar?

Title är väl bara ett grafiskt attribut just för att visa tooltips..?

Får fundera vidare... :)
Kanske <strong> på huvudlänkarna skulle göra det bättre..?

Kanske <em> på underrubrikerna?

Nej, <em> är svårläst och vi riktar oss även till personer med nedsatt syn.

Nja... Använder man ett bra typsnitt så är det inte så svårt att läsa.

folk med grov nedsatt syn brukar väll optimera sin dator så den kan läsa vanlig text?

Det är svårare att läsa kursiv text, så är det.
I.o.f.s. så skulle man kunna ändra utseendet på <em> med CSS. :)

Varför inte använda sig av listor i varandra för att markera undermenyer?

<ol>
<li>Hem</li>
<li>Bort</li>
<ol>
<li>Lissabon</li>
<li>Prag</li>
</ol>
<li>Länkar</li>
</ol>

Funderade på det också. Hade kanske varit vettigt. :)

Intressant diskussion...

Jag antar att ni sett 30 days to a more accessible web site ?

IMHO en av de bättre webbskrifterna i ämnet tillgängliga ;) webbsidor - den tar desutom upp en del av det ni diskuterat här...