HTML pieejamības auditors
Ielīmē HTML un iegūsti reālu WCAG pieejamības auditu: ar rokām veidots DOM pārmeklētājs pārbauda attēlus, formas etiķetes, virsrakstu secību un saišu tekstus, kā arī īsts relatīvā spožuma kontrasta attiecību kalkulators, kas vērtē pret reālajiem AA/AAA sliekšņiem — ne ārējas bibliotēkas, nekas netiek sūtīts.
🔒 Pilnībā apstrādāts jūsu pārlūkprogrammā — nekas, ko jūs šeit ievadāt, nekad netiek augšupielādēts.
Rezultāts
Lielākā daļa ātro pieejamības pārbaužu ir vai nu virspusēja atslēgvārdu skenēšana, vai smagnēja bibliotēka, kurai jāuzticas kā melnajai kastei. Šis rīks izvēlas trešo ceļu: tas parsē jebkuru ielīmētu HTML, izmantojot pārlūka iebūvēto DOMParser — bez axe-core, bez ārējas pieejamības bibliotēkas, nekas netiek lejupielādēts — un pēc tam pārmeklē iegūto DOM koku ar roku rakstītu pārbaužu kopu, kas atspoguļo izplatītus, reālus WCAG 2.1 kļūdu modeļus. Tas nozīmē, ka loģika ir pilnībā pārskatāma un audits notiek pilnībā tavā pārlūkā: ielīmētais iezīmējums un jebkurš pārbaudītais krāsu pāris nekad netiek augšupielādēts vai nosūtīts.
Pārbaudes aptver tās kļūdas, kas reālās lapās parādās visbiežāk: <img> elementi bez alt atribūta vispār (īsta WCAG kļūda, atšķirībā no apzināti tukša alt="", ko izmanto dekoratīviem attēliem un kas pareizi netiek atzīmēts); formas vadīklas, kurām palīgtehnoloģijas nevar noteikt to nolūku (pārbaudīts pret visiem reālajiem ceļiem uz etiķeti — atbilstošs <label for>, atrašanās iekš <label> vai aria-label/aria-labelledby atribūts); virsrakstu līmeņi, kas pārlec bez brīdinājuma (<h1> uzreiz uz <h3> vai dokuments vispār bez <h1>, vai vairāki <h1>); saites bez href vai ar neskaidru, bez konteksta nesaprotamu tekstu, piemēram, “klikšķini šeit” vai “lasīt vairāk”; un trūkstošs lang atribūts, ja ielīmēts pilns HTML dokuments (ne tikai fragments).
Izcilākā daļa ir īsta kontrasta matemātika, nevis virspusēja “izskatās salasāms” heiristika. Katram elementam, kam ir inline color un background-color, rīks nolasa abas vērtības, pārvērš tās reālos RGB skaitļos, izmantojot pārlūka paša CSS dzinēju (tāpēc hex, rgb(), hsl() un nosauktas krāsas, piemēram, 'tomato', darbojas vienādi), un aprēķina precīzu WCAG relatīvo spožumu katrai — L = 0,2126×R + 0,7152×G + 0,0722×B, katru kanālu vispirms gamma koriģējot, izmantojot reālo sRGB pārneses līkni — pirms tos apvieno oficiālajā kontrasta attiecības formulā: (gaišākais L + 0,05) / (tumšākais L + 0,05). Paša elementa font-size un font-weight nosaka, vai tiek piemēroti stingrākie “normāla teksta” sliekšņi vai saudzīgākie “liela teksta” sliekšņi (18pt+ vai 14pt+ treknrakstā), un rezultāts vienlaikus tiek pārbaudīts pret visiem četriem reālajiem WCAG skaitļiem: 4,5:1 un 3:1 AA līmenim, 7:1 un 4,5:1 AAA līmenim — nekad netiek sabīdīts vienā mākslīgā labs/slikts spriedumā.
Šī ir apzināti godīga, pragmatiska pilna pieejamības audita apakškopa, nevis sertifikācijas rīks: tā nevērtē ar JavaScript darbināmu interaktivitāti, ARIA logdaļu modeļus ārpus pamata iezīmēšanas, tastatūras fokusa secību vai jebko, kam nepieciešama lapas faktiska renderēšana un izpilde. Uztver to kā ātru pirmo pārskrējienu, kas pirms publicēšanas atklāj dažas no visbiežākajām un būtiskākajām WCAG kļūdām — trūkstošus alt tekstus, neiezīmētus laukus, bojātu virsrakstu hierarhiju, zema kontrasta tekstu un neskaidras saites — līdztekus (nevis tā vietā) pilnai manuālai pārbaudei vai speciālam audita rīkam, pirms kaut kas nonāk produkcijā.