Accesibilitatea unui site web,
Moderator: Manu
Salut, Revin cu cateva intrebari despre accesibilitate. Pe siteul despre care va spuneam, sunt niste linkuri, pe care daca dam enter, se deschide un pop-up cu text. De exemplu exista firma X, iar sub ea linkul "view more". dand enter pe el, se deschide o ferestruica cu explicatii despre firma X. De obicei, acea fereastra se deschide si acopera pagina, iar JAWS nu mai citeste nici continutul ferestrei, nici restul siteului. In alte cazuri, fereastra se deschide, dar textul e plasat undeva in mijlocl celorlalte informatii de pe pagina si e greu de gasit cu JAWS. Stiti sa-mi spuneti cum ar trebui facut ca respectivul pop-up sa fie usor de citit de JAWS?
As vrea deasemenea sa va intreb cum pot deschide o pagina a unui site in notepad ca sa pot face eu modificari in ea? Ma gandesc ca ar trebui sa o pot copia in computerul meu, nu?
Merci mult.
As vrea deasemenea sa va intreb cum pot deschide o pagina a unui site in notepad ca sa pot face eu modificari in ea? Ma gandesc ca ar trebui sa o pot copia in computerul meu, nu?
Merci mult.
Probabil ca acea ferestruica care se deschide dupa ce apesi enter nu este o fereastra adevarata creata de Windows, ca a celorlalte programe, ci un dreptunghi create de un cod Javascript care arata ca o fereastra, si care apare deasupra continutului paginii.
Acel tip de ferestre creaza unele dintre cele mai greu accesibile tipuri de continut, si ar fi bine sa fie evitate. Daca se tine neaparat sa se foloseasca, trebuie sa fie create de programatori in Javascript care cunosc foarte bine standardul ARIA.
Oricum insa, chiar si in acel caz, chiar daca s-ar respecta standardul ARIA si programatorii ar fi foarte competenti in acest domeniu, tot ar exista probleme de accesibilitate fiindca nu toate browserele si mai ales nu toate cititoarele de ecran vor putea accesa cat de cat OK acel continut.
Daca s-ar folosi atributele ARIA care trebuie in codul Javascript, atunci JAWS ar trebui sa citeasca acea fereastra in modul "application", doar ca in acel mod se pot de obicei accesa campurile de formular si linkurile care apar in ferestruica, si uneori JAWS citeste si textul afisat, dar in cele mai multe cazuri JAWS-ul nu poate citi textul simplu afisat acolo mai ales daca este mai lung.
Asa ca in acele cazuri utilizatorul trebuie sa dezafecteze modul "application" si sa citeasca textul acelei ferestre cu cursorul virtual, insa uneori JAWS-ul nu permite dezactivarea modului "application" prea simplu si da o multime de batai de cap.
Daca nu se folosesc atributele ARIA deloc, atunci nu apare problema legata de modul "application" al JAWS-ului, dar dupa ce apasa enter pe acel link, utilizatorul nu va fi avertizat ca s-a afisat o fereastra in pagina si nu va sti ca trebuie sa o caute, adica cam ce se intampla probabil acum. Daca insa stie, poate de obicei sa o gaseasca la sfarsitul paginii, sau uneori in cine stie ce loc in interiorul paginii, depinde cum a fost creata acea fereastra, iar uneori va deveni vizibila doar dupa ce face un refresh al buffer-ului JAWS cu Insert+Escape.
Atributele ARIA care trebuie folosite in codul Javascript trebuie sa instiinteze cititorul de ecran ca a aparut un nou continut, iar codul Javascript este bine sa mute cursorul la inceputul acelui continut.
In orice caz, pentru moment nu cred ca am vazut niciun site pe care acele ferestre create de un cod Javascript sa functioneze intr-un mod prietenos pentru cititoarele de ecran.
Pentru cititoarele de ecran este mult mai bine ca in locul crearii acelor ferestre, sa se insereze continutul lor imediat dupa linkul pe care s-a apasat enter, si sa se deplaseze restul continutului paginii in jos, dar si pentru asta ar fi bine ca cursorul sa fie mutat automat la inceputul acelui continut si sa fie anuntat cititorul de ecran ca a aparut un nou continut. Chiar daca nu se face asta, adica doar pur si simplu se insereaza continutul dupa linkul pe care s-a facut click, el va fi totusi mult mai usor de gasit de catre utilizatorii orbi, deci va fi mai accesibil.
In plus, nici nu este nevoie ca noul continut inserat sa apara in modul "application" cum este cazul ferestruicilor care acopera restul paginii, asa ca nu va mai crea acele probleme de accesibilitate pentru JAWS, iar utilizatorii vor citi acel continut cu cursorul virtual, adica in mod obisnuit.
In viitor ar trebui teoretic sa functioneze OK acele ferestruici, insa asta se promite de multi ani, insa browserele si cititoarele de ecran nu ofera insa intotdeauna suportul de accesibilitate necesar si oferirea unei accesibilitati cat de cat bune le poate da programatorilor in Javascript mari batai de cap.
Cand vezi o pagina deschisa in browser, ea a fost deja copiata in computerul tau, si se afla undeva intr-un fisier in directorul Temporary Internet Files. Ca sa o deschizi, trebuie doar sa accesezi meniul View / Source in Internet Explorer sau cu Control+U in Firefox. Si in Firefox se afla undeva prin meniuri o optiune cu care poti vedea codul sursa, dar nu mai tin minte unde e fiindca folosesc de obicei Control+U.
Acolo poti modifica direct pagina sau o poti salva in alta parte intr-un alt fisier pe computerul tau, insa asta nu va influenta codul sursa care se afla pe server.
Poti de asemenea sa salvezi intreaga pagina web din meniul File / Save As..., si ca tip de fisier sa ai grija sa fie "Web Page, complete" fiindca asa iti va salva si continutul principal al paginii, dar va crea si un director in care se vor salva fisierele Javascript, CSS, imagini etc.
Vei putea apoi modifica acolo fisierele pe care vrei sa le modifici, dar asta de asemenea nu va influenta codul sursa de pe server.
Acest mod de salvare si modificare a paginii ar putea fi util fiindca ai putea face anumite modificari de text, ai putea arhiva fisierul HTML cu pagina web si directorul cu celelalte fisiere si l-ai putea trimite altora ca sa vada rezultatul, ca sa stie cam ce ar trebui sa modifice si pe server.
Anumite site-uri pot avea propriul sistem de administrare si de modificare a continutului prin intermediul unui editor chiar in pagina web, adica asa numitele sisteme de content management. In acel caz trebuie sa ai drepturile necesare, sa sti cum poti modifica paginile dorite, si mai trebuie ca acel sistem de content management sa fie si accesibil, fiindca de obicei majoritatea sunt de tip "WYSIWYG (what you see is what you get), adica afiseaza modificarile de formatare in timp ce se fac acele modificari, si cele mai multe astfel de solutii nu sunt accesibile pentru cititoarele de ecran. Sau sunt, dar destul de greu pentru anumite treburi cum ar fi adaugarea si modificarea tabelelor dar chiar si a linkurilor si imaginilor.
Acel tip de ferestre creaza unele dintre cele mai greu accesibile tipuri de continut, si ar fi bine sa fie evitate. Daca se tine neaparat sa se foloseasca, trebuie sa fie create de programatori in Javascript care cunosc foarte bine standardul ARIA.
Oricum insa, chiar si in acel caz, chiar daca s-ar respecta standardul ARIA si programatorii ar fi foarte competenti in acest domeniu, tot ar exista probleme de accesibilitate fiindca nu toate browserele si mai ales nu toate cititoarele de ecran vor putea accesa cat de cat OK acel continut.
Daca s-ar folosi atributele ARIA care trebuie in codul Javascript, atunci JAWS ar trebui sa citeasca acea fereastra in modul "application", doar ca in acel mod se pot de obicei accesa campurile de formular si linkurile care apar in ferestruica, si uneori JAWS citeste si textul afisat, dar in cele mai multe cazuri JAWS-ul nu poate citi textul simplu afisat acolo mai ales daca este mai lung.
Asa ca in acele cazuri utilizatorul trebuie sa dezafecteze modul "application" si sa citeasca textul acelei ferestre cu cursorul virtual, insa uneori JAWS-ul nu permite dezactivarea modului "application" prea simplu si da o multime de batai de cap.
Daca nu se folosesc atributele ARIA deloc, atunci nu apare problema legata de modul "application" al JAWS-ului, dar dupa ce apasa enter pe acel link, utilizatorul nu va fi avertizat ca s-a afisat o fereastra in pagina si nu va sti ca trebuie sa o caute, adica cam ce se intampla probabil acum. Daca insa stie, poate de obicei sa o gaseasca la sfarsitul paginii, sau uneori in cine stie ce loc in interiorul paginii, depinde cum a fost creata acea fereastra, iar uneori va deveni vizibila doar dupa ce face un refresh al buffer-ului JAWS cu Insert+Escape.
Atributele ARIA care trebuie folosite in codul Javascript trebuie sa instiinteze cititorul de ecran ca a aparut un nou continut, iar codul Javascript este bine sa mute cursorul la inceputul acelui continut.
In orice caz, pentru moment nu cred ca am vazut niciun site pe care acele ferestre create de un cod Javascript sa functioneze intr-un mod prietenos pentru cititoarele de ecran.
Pentru cititoarele de ecran este mult mai bine ca in locul crearii acelor ferestre, sa se insereze continutul lor imediat dupa linkul pe care s-a apasat enter, si sa se deplaseze restul continutului paginii in jos, dar si pentru asta ar fi bine ca cursorul sa fie mutat automat la inceputul acelui continut si sa fie anuntat cititorul de ecran ca a aparut un nou continut. Chiar daca nu se face asta, adica doar pur si simplu se insereaza continutul dupa linkul pe care s-a facut click, el va fi totusi mult mai usor de gasit de catre utilizatorii orbi, deci va fi mai accesibil.
In plus, nici nu este nevoie ca noul continut inserat sa apara in modul "application" cum este cazul ferestruicilor care acopera restul paginii, asa ca nu va mai crea acele probleme de accesibilitate pentru JAWS, iar utilizatorii vor citi acel continut cu cursorul virtual, adica in mod obisnuit.
In viitor ar trebui teoretic sa functioneze OK acele ferestruici, insa asta se promite de multi ani, insa browserele si cititoarele de ecran nu ofera insa intotdeauna suportul de accesibilitate necesar si oferirea unei accesibilitati cat de cat bune le poate da programatorilor in Javascript mari batai de cap.
Cand vezi o pagina deschisa in browser, ea a fost deja copiata in computerul tau, si se afla undeva intr-un fisier in directorul Temporary Internet Files. Ca sa o deschizi, trebuie doar sa accesezi meniul View / Source in Internet Explorer sau cu Control+U in Firefox. Si in Firefox se afla undeva prin meniuri o optiune cu care poti vedea codul sursa, dar nu mai tin minte unde e fiindca folosesc de obicei Control+U.
Acolo poti modifica direct pagina sau o poti salva in alta parte intr-un alt fisier pe computerul tau, insa asta nu va influenta codul sursa care se afla pe server.
Poti de asemenea sa salvezi intreaga pagina web din meniul File / Save As..., si ca tip de fisier sa ai grija sa fie "Web Page, complete" fiindca asa iti va salva si continutul principal al paginii, dar va crea si un director in care se vor salva fisierele Javascript, CSS, imagini etc.
Vei putea apoi modifica acolo fisierele pe care vrei sa le modifici, dar asta de asemenea nu va influenta codul sursa de pe server.
Acest mod de salvare si modificare a paginii ar putea fi util fiindca ai putea face anumite modificari de text, ai putea arhiva fisierul HTML cu pagina web si directorul cu celelalte fisiere si l-ai putea trimite altora ca sa vada rezultatul, ca sa stie cam ce ar trebui sa modifice si pe server.
Anumite site-uri pot avea propriul sistem de administrare si de modificare a continutului prin intermediul unui editor chiar in pagina web, adica asa numitele sisteme de content management. In acel caz trebuie sa ai drepturile necesare, sa sti cum poti modifica paginile dorite, si mai trebuie ca acel sistem de content management sa fie si accesibil, fiindca de obicei majoritatea sunt de tip "WYSIWYG (what you see is what you get), adica afiseaza modificarile de formatare in timp ce se fac acele modificari, si cele mai multe astfel de solutii nu sunt accesibile pentru cititoarele de ecran. Sau sunt, dar destul de greu pentru anumite treburi cum ar fi adaugarea si modificarea tabelelor dar chiar si a linkurilor si imaginilor.
Ca o completare, in Internet Explorer se poate seta editorul HTML care va afisa codul sursa al paginii dupa accesarea meniului View / Source din Internet Properties, tab-ul "Programs".
La internet Properties se poate ajunge din meniul Tools / Internet Options in Internet Explorer.
Iar in Firefox dupa ce se afiseaza codul sursa al paginii cu Control+U se deschide un fel de editor in care se poate vedea codul sursa, doar ca nu se pot face modificari acolo, ci acel cod trebuie mai intai salvat intr-un alt fisier cu Control+S, sau cu optiunea Save Page As... din meniul File.
La internet Properties se poate ajunge din meniul Tools / Internet Options in Internet Explorer.
Iar in Firefox dupa ce se afiseaza codul sursa al paginii cu Control+U se deschide un fel de editor in care se poate vedea codul sursa, doar ca nu se pot face modificari acolo, ci acel cod trebuie mai intai salvat intr-un alt fisier cu Control+S, sau cu optiunea Save Page As... din meniul File.
Salut. As vrea sa va povestesc despre o mica chestie pe care o gasesc pe siteul ce-l testez.
In pagina deschid un meniu de genul "colapsed/expanded", cred ca am mai vorbit mai sus despre asta. Exact deasupra acestui pasaj, am o chestie pe care JAWS o citeste: "same page link odr", dar care nu e un link. Adica daca dau enter nu se intampla nimic. Incerc sa copiez totul in word, pentru ca vizual nu apare nimic si ma gandesc ca o fi un text ascuns pe care-l vede JAWS-ul, dar cand copiez in doc, JAWS citeste doar "link". Se pare ca baiatul care dezvolta pagina nu vede nimic ciudat in cod. Aveti idee ce ar putea fi?
In pagina deschid un meniu de genul "colapsed/expanded", cred ca am mai vorbit mai sus despre asta. Exact deasupra acestui pasaj, am o chestie pe care JAWS o citeste: "same page link odr", dar care nu e un link. Adica daca dau enter nu se intampla nimic. Incerc sa copiez totul in word, pentru ca vizual nu apare nimic si ma gandesc ca o fi un text ascuns pe care-l vede JAWS-ul, dar cand copiez in doc, JAWS citeste doar "link". Se pare ca baiatul care dezvolta pagina nu vede nimic ciudat in cod. Aveti idee ce ar putea fi?
-
- Colonel
- Mesaje: 1511
- Membru din: 16 Ian 2007, 23:15
- Localitate: Bucuresti
- Contact:
Un link la pagina pe care apare minunea se poate?
Andreea - Elena Neagu
Designer www.pontes.ro
Anjo.ro - Magazin virtual de produse pentru nevăzători
Şcoala pentru toţi - site dedicat elevilor nevăzători
Designer www.pontes.ro
Anjo.ro - Magazin virtual de produse pentru nevăzători
Şcoala pentru toţi - site dedicat elevilor nevăzători
-
- Colonel
- Mesaje: 1511
- Membru din: 16 Ian 2007, 23:15
- Localitate: Bucuresti
- Contact:
Da, le pronunță.
Andreea - Elena Neagu
Designer www.pontes.ro
Anjo.ro - Magazin virtual de produse pentru nevăzători
Şcoala pentru toţi - site dedicat elevilor nevăzători
Designer www.pontes.ro
Anjo.ro - Magazin virtual de produse pentru nevăzători
Şcoala pentru toţi - site dedicat elevilor nevăzători
- Manu
- General de divizie
- Mesaje: 4120
- Membru din: 02 Feb 2007, 01:15
- Localitate: Cluj-Napoca
- Contact:
Ai mai putea instala şi ESpeak, că pe Ioana te vei enerva, cel puţin la început, tu fiind o utilizatoare veche de Eloquence.
Trebuie să recunosc că înultimul timp o mai pun şi pe Ioana la citit pentru a testa dacă lipsesc diacritice în texte scurte.
Ioana ştie şi diacriticele cu virgulă şi pe cele cu sedilă.
Trebuie să recunosc că înultimul timp o mai pun şi pe Ioana la citit pentru a testa dacă lipsesc diacritice în texte scurte.
Ioana ştie şi diacriticele cu virgulă şi pe cele cu sedilă.
Errare humanum est, sed perseverare diabolicum...
In forum linguae Latinae venite! (via est: www.limbalatina.ro)
In forum linguae Latinae venite! (via est: www.limbalatina.ro)
Depinde despre ce text este vorba. In principiu, daca folosesti o versiune noua de JAWS, textul pe care il poti selecta si copia cu Copy/Paste din pagina web in alta parte este un text care apare si pe ecran, pe când alte texte cum ar fi cele care ne spun ca am intalnit un link, sau buton, sau un inceput/sfarsit de tabel sau frame, acelea nu pot fi copiate. In versiunile mai vechi de JAWS se copiau si acele texte rostite doar de JAWS si chiar in versiunile recente de JAWS se puteau copia anunturile pentru section si article, dar cu ultimele versiuni cred ca nu se mai copiaza decat textul care apare. Pot insa sa apara si diverse ciudatenii care nu se afiseaza pe ecran. Iar pe langa mesajele citite doar de JAWS mai sunt si unele texte furnizate de pagina web dar care la un moment dat sunt ascunse si nu se vad pe pagina, dar totusi JAWS le citeste. Asta depinde si de versiunea de JAWS si de browserul folosit.
Din pacate browserele nu respecta toate aceleasi standarde, nici paginile web nu respecta in general foarte strict limbajul HTML, nici cititoarele de ecran nu ofera toate facilitatile de accesibilitate de care avem nevoie, asa ca doar din experienta poti sa iti dai seama daca un text apare sau nu pe ecran, si atunci cu un mare grad de nesiguranta in unele cazuri.
Din pacate browserele nu respecta toate aceleasi standarde, nici paginile web nu respecta in general foarte strict limbajul HTML, nici cititoarele de ecran nu ofera toate facilitatile de accesibilitate de care avem nevoie, asa ca doar din experienta poti sa iti dai seama daca un text apare sau nu pe ecran, si atunci cu un mare grad de nesiguranta in unele cazuri.