Aksesueshmëria e faqeve web: nga t'ia filloni
Kontrolle praktike për tekstin, tastierën, formularët dhe përdorimin me teknologji ndihmëse.
Pjesë e serisë: Bazat e Faqes
Pjesa 3 / 5
Përmbajtja
Një vizitor duhet të mund të lexojë shërbimet, të përdorë menunë dhe të dërgojë një kërkesë pa u varur nga miu, shikimi i përsosur ose lëvizjet e sakta. Kontrolli i aksesueshmërisë fillon me këto detyra.
Njerëzit përdorin lexues ekrani, zmadhim, tastierë, kontroll zanor dhe mjete të tjera. Një faqe që duket e qartë për projektuesin mund ta pengojë dikë të plotësojë edhe një formular të thjeshtë.
Përdorni WCAG për të organizuar punën
Udhëzimet WCAG të W3C-së japin kritere që mund të testohen. WCAG 2.2 është rekomandimi aktual i W3C-së. Nivelet A, AA dhe AAA ndërtohen mbi njëri-tjetrin; një vlerësim AA përfshin kriteret e zbatueshme të niveleve A dhe AA.
Zgjidhni versionin dhe nivelin që kërkon projekti. Detyrimet ligjore varen nga shërbimi dhe juridiksioni. Një rezultat automatik nuk është certifikatë përputhshmërie.
Kontrolloni veprimet kryesore
Navigimi me tastierë. A mund të arrini çdo lidhje, të hapni e mbyllni menunë dhe të plotësoni formularin? Fokusi duhet të jetë i dukshëm dhe të kthehet në një vend të përshtatshëm kur mbyllet një dritare dialogu.
Titujt. Përdorni titull faqeje, tituj seksionesh dhe nëntituj në rend logjik. Lexuesit e ekranit mund të kalojnë nga një titull te tjetri, ndaj niveli duhet të tregojë strukturën dhe jo madhësinë e tekstit.
Imazhet. Përshkruani qëllimin e imazheve informuese. Për zbukurimet përdorni alt="", që lexuesi i ekranit t’i anashkalojë. Një logo që shërben si lidhje duhet të ketë emër të kuptueshëm për destinacionin.
Formularët. Çdo fushë duhet të ketë etiketë të dukshme. Shpjegoni gabimet pranë fushës përkatëse. Teksti udhëzues brenda fushës zhduket gjatë shkrimit dhe nuk e zëvendëson etiketën.
<label for="email">Adresa e email-it</label>
<input type="email" id="email" name="email" autocomplete="email">
Kontrasti dhe madhësia. Në nivelin WCAG AA, teksti i zakonshëm përgjithësisht kërkon raport kontrasti 4,5:1; teksti i madh kërkon 3:1. Shihni kriterin dhe përjashtimet. Provoni edhe zmadhimin dhe ekranet e ngushta.
Lëvizja dhe media. Respektoni preferencën për lëvizje të reduktuar. Jepni mundësi ndalimi për përmbajtjen që lëviz dhe titra ose alternativa të përshtatshme për median.
Bashkoni testimin automatik me atë manual
axe, WAVE dhe Lighthouse zbulojnë disa etiketa të munguara, probleme kontrasti dhe gabime të tjera. Nuk gjykojnë çdo përshkrim ose ndërveprim.
Provoni detyra të plota me tastierë dhe lexues ekrani. Kur është e mundur, përfshini përdorues me aftësi të kufizuara. Shënoni cilat faqe dhe gjendje kontrolluat, përfshirë menutë e hapura dhe gabimet e formularëve.
Rregulloni së pari pengesat që ndalojnë përfundimin e një detyre. Na kërkoni një auditim aksesueshmërie nëse ju duhet një listë e renditur sipas përparësisë.