přístuprnost stránek

Luděk Pechanec
20. říj 2020 17:39 #143078
Dobrý den,
připravil jsem webovou prezentaci zsvinarska.cz . Po kontrole Pověřencem pro ochranu osobních údajů (Metropolnet) na přístupnost webu mám ještě dopracovat některá data.
Jedná se o toto:
- label je pořád špatně, měl by být definován i pro tlačítko odeslání
- přeskočit bloky - není vůbec implementováno, na první stisk klávesy TAB musí vyskočit nabídka např. menu | obsah | nebojiná navigace

Prosím, dokáže mi někdo poradit, jak a kam mám udělat nějaké změny? Mockrát děkuji

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
21. říj 2020 03:06 #143086
label pro tlačítka? To se mi zdá zvláštní. Nemyslím že bych to někde viděl... I když používáte pro tlačítku input submit místo button, popisek tam je v atributu value...

S tím tabelátorem měl na mysli asi toto ,
mělo by postačit nastavit tabindex prvkům v hlavičce na -1 - tam to máte asi nějaký článek, nebo modul, tak přímo v editoru...
Poděkovali: Luděk Pechanec

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Luděk Pechanec
22. říj 2020 20:00 #143096
Asi to bude ono (nastavení "tabindex"), jen nevím, jak a kam to vložit.
Mockrát děkuji za reakci.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Bong
22. říj 2020 20:34 #143097
V předchozím příspěvku to je i s odkazem...

I'm sorry, my responses are limited...you must ask the right questions.
Poděkovali: Luděk Pechanec

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Luděk Pechanec
22. říj 2020 20:40 #143098
To jsem si všiml. Jen nevím, jak to napsat a kam přesně kód vložit. Údajně by se na první zmáčknutí TAB mělo skočit na MENU.
Jak to, prosím, mám zaimplementovat do tohoto kódu?

<a href=" www.google.com/ " tabindex="1">Google</a>

Mockrát děkuji

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
23. říj 2020 17:36 #143099
Jak jsem psal, myslím, že není nutné řešit menu, ale naopak hlavičku.
Tj. do článku / modulu / nebo kde máte tu hlavičku (jak je tam logo, kontakty apod.) k jednotlivým odkazům doplnit
tabindex="-1" - tj. budou se přeskakovat, takže první v pořadí pak už bude menu. Jestli to tedy něčemu neodporuje, jinak by jste se musel vrhnout na úpravu šablony...
Poděkovali: Luděk Pechanec

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Luděk Pechanec
23. říj 2020 21:15 #143100
OK, super. Na první TAB jsem na MENU. Moooooc děkuji.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Luděk Pechanec
26. říj 2020 21:31 #143107
Dobrý den,
tak po nás Pověřenec pro ochranu osobních údajů stále chce, abychom nadefinovali i "LABEL u tlačítka Hledat". Prosím, poradí mi někdo, jak to mám napsat?

a dále požaduje, aby "na třetí TAB se uživatel na asistivní čtečce dostane přímo na vlastní obsah stránky/text a nemusí proklikávat celé záhlaví a menu apod." viz např.: www.jimthatcher.com/skipnav.htm .

Abych se přiznal, toto jsem ještě na žádných webovkách neviděl.

Prosím, můžete mi poradit, jak mám tyto 2 požadavky zapracovat? Mockrát všem děkuji.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
27. říj 2020 23:48 #143109
No druhý bod je relativně jednoduchý, je to řešené pomocí anchors a jednoduchého stylování. Budete si muset doplnit do šablony id k prvkům na které budete chtít přeskočit. A pak v záhlaví už doplníte jen odkazy na ty místa, takže třeba
<a href="#menu" class="skip">Menu</a>
<a href="#obsah" class="skip">Obsah</a>

a skrytí pak pomocí CSS někde v šabloně např. pomocí
.skip {display: none}
.skip:focus, .skip:active {display: block}

Ten label k tlačítkům - opravdu to není nějaký informační šum? Jediný co jsem k tomu našel, je doporučení používat aria-label. Tak jak tak, tady budete muset šáhnout do šablony, najít to tlačítko a doplnit do kódu.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.