Tīmekļa piekļūstamības pārbaude – WCAG

Tīmekļa piekļūstamības pārbaude pēc WCAG 2.2: krāsu kontrasts, alt teksts, virsraksti, fokusa secība, krāsu akluma simulators.

🔍 Tīmekļa piekļūstamības pārbaude pēc WCAG 2.0, 2.1 un 2.2 Tīmekļa piekļūstamības pārbaude pārvērš jebkuru pārlūka cilni par audita darbvietu. Atver sānu paneli, noskenē lapu un lasi katru kļūdu, sagrupētu pēc noteikuma, ar izmērīto vērtību blakus prasītajai robežai, pamatojumu, labojumu un koda piemēru, ko var uzreiz ielīmēt. Zem pārsega šī tīmekļa piekļūstamības pārbaude darbina axe-core 4.13 un papildus savu noteikumu slāni tiem WCAG 2.2 kritērijiem, kurus gandrīz neviens rīks vēl nesedz: mērķa izmērs, fokuss nav aizsegts, piekļūstama autentifikācija, teksta atstarpes un pārplūde. Lielākā daļa uzstāda tīmekļa piekļūstamības pārbaudi viena jautājuma dēļ pirms laidiena: kas kritīs cauri un tieši kur. Atbilde ir klāt divās sekundēs, lapā, kas jau ir atvērta, bez būvēšanas soļa un bez rindas pie mākoņa rāpuļa. ✅ Ko aptver katra skenēšana ➤ Parasta teksta, liela teksta un netekstuālu elementu kontrasts ➤ Alternatīvie teksti, dekoratīvi attēli un citur aprakstīti attēli ➤ Virsrakstu struktūra, orientieri, lapas valoda un dokumenta nosaukums ➤ Formu etiķetes, saišu teksti, tabulas, subtitri un video alternatīvas ➤ Tabulēšanas secība, fokusa rādītājs, tastatūras slazdi, mērķa izmērs 📐 Standarti, ko tā pazīst Rezultāts palīdz tikai tad, kad nosauc noteikumu, pēc kura tevi vērtēs, tāpēc katrs atradums nes savu veiksmes kritēriju, līmeni un versiju. 1. WCAG 2.0, 2.1 un 2.2 līmeņos A, AA un AAA 2. Ministru kabineta prasības publisko tīmekļvietņu piekļūstamībai 3. EN 301 549 un European Accessibility Act Eiropā 4. Section 508, ADA Title III un AODA Ziemeļamerikā 🎨 Kontrasts, izmērīts divos veidos Paņem divas krāsas ar pipeti, maini tās uzreiz un vēro WCAG attiecību blakus APCA Lc vērtībai. Kontrasta kalkulators dod spriedumu parastam tekstam, lielam tekstam un netekstuāliem elementiem vienlaikus, tāpēc WCAG 2.1 AA rezultāts ir viena skatiena attālumā no stingrākā WCAG AAA rezultāta. APCA ir jaunākā metode ap WCAG 3.0. 🕶 Redzes simulācijas uz dzīvas lapas 1️⃣ Astoņi krāsu redzes tipi, no protanopijas līdz akromatopsijai 2️⃣ Vājredzība, katarakta un glaukoma virs īstā izkārtojuma 3️⃣ Lasīšanas grūtību režīms tekstam, kas nespēj nostāvēt mierā Krāsu akluma simulators strādā uz pašas lapas, nekad uz ekrānuzņēmuma, tāpēc pārskatā nonāk arī hover stāvokļi, diagrammas un video vāki. 🧭 Atrodi kļūdu, nelasot DOM - Locate piesprauž zīmi ar kritēriju pie kļūdainā elementa - Virsrakstu un orientieru kartes uzzīmē īsto struktūru virsū - Fokusa secība tiek numurēta pa tastatūras patieso ceļu - Alternatīvais teksts parādās blakus katram attēlam, arī dekoratīvajiem 📄 Rezultāti, ar kuriem beidzas audits Testēšana ir puse darba. Viss zemāk nāk no vienas skenēšanas, tāpēc piekļūstamības atskaite, ko nodod, sakrīt ar cilni, kuru pārbaudīji. 📊 HTML atskaite ar savu zīmolu, drukājas taisni PDF 🧾 CSV un JSON biļetēm, tāfelēm un konveijeriem ✍ Savas vietnes piekļūstamības paziņojuma melnraksts 📋 VPAT stila tabula iepirkumiem un konkursiem Pirmdien tas ir piekļūstamības paziņojuma ģenerators, piektdien atbilstības atskaites avots. 🌐 Piekļūstamības testēšana tālāk par vienu lapu Izej vienas izcelsmes lapas vienā piegājienā, saglabā vēsturi un salīdzini divus izpildījumus, lai redzētu, kas salūza un kas tika salabots. Atsevišķa pārbaude kļūst par regresijas testēšanu pirms katra laidiena, tieši to sagaida no uzraudzības rīka. ✦ Kāpēc šis panelis paliek piesprausts ✦ Katrs atradums rāda mērījumu, nevis miglainu smaguma vārdu ✦ Norādes izskaidro labojumu, ne tikai noteikuma nosaukumu ✦ Viss eksportējas, neviens neveido atskaiti ar rokām ✦ Panelis iztur paša auditu WCAG 2.2 AA līmenī 🔒 Privāts pēc uzbūves Ne lapas saturs, ne adreses, ne rezultāti neatstāj datoru. Skeneris bez tīkla izsaukumiem aizsniedz to, ko mākoņa skeneri nekad neredz: staging, iekštīklu un iekšējos būvējumus. Bez konta, bez reģistrācijas un bez savienojuma. 👥 Būvēts visai komandai Izstrādātāji sakārto pirms koda pārskata, dizaineri pārbauda krāsu izvēles, QA veic piekļūstamības testēšanu sprinta laikā, aģentūras gatavo klientu dokumentus, redaktori lemj, vai lapa iet ārā. Der jebkura renderēta lapa. ⚡ Trīs soļi līdz dokumentam → Nospied Alt+Shift+A un ļauj skenēšanai izskriet cauri → Izstrādā sarakstu, atrodi elementu, izlabo un atkārto → Eksportē atskaiti, paziņojumu vai atbilstības tabulu ⚖ Godīgs par saviem ierobežojumiem Automātiskie rīki aizsniedz aptuveni trešdaļu WCAG veiksmes kritēriju, un katrs vērtējums un melnraksts to pasaka tieši. Ātri novāc to, ko mašīna redz, un paturi stundas spriedumiem, ko neviens automātisks rīks neizdarīs. Palīgs auditam, nekad sertifikāts. ⌨ Gatavs desmit sekundēs Piesprauž paplašinājumu, atver jebkuru lapu un nospied Alt+Shift+A. Bez būvēšanas, bez apmācības un bez izmēģinājuma pulksteņa. Panelis runā piecpadsmit valodās.