Kako poboljšati na sajtu Accessibility Pagespeed – Saveti i Praktični Kodovi

Pristupačnost na internetu postaje sve važnija kako se tehnologija razvija. Svi želimo da naše web stranice budu privlačne i funkcionalne, ali jednako važno je osigurati da su pristupačne svima, bez obzira na njihove sposobnosti ili ograničenja.

Šta je Pristupačnost na Webu i Zašto je Bitna?

Pristupačnost na webu se odnosi na dizajn web stranica i razvoj sadržaja na način koji omogućava ljudima s različitim sposobnostima da ga koriste. To uključuje ljude s oštećenjem vida, sluha, motoričkim ili kognitivnim poteškoćama. Uprkos često zanemarenoj temi, pristupačnost je ključna za stvaranje inkluzivnog online okruženja.

Analiza rezultata PageSpeed testa

Prilikom testiranja performansi web stranica, često se fokusiramo na brzinu učitavanja i optimizaciju slika, ali pristupačnost je podjednako važan faktor. Alati poput PageSpeed Insights nude procene pristupačnosti kao deo ukupne ocene. Ova ocena treba da bude podjednako važna kao i ostali aspekti, jer utiče na iskustvo svakog posetioca.

PRE I POSLE REZULTATI PRISTUPAČNOSTI (Accessibility) na Pagespeed testu

PRE OPTIMIZACIJE

POSLE OPTIMIZACIJE

Primeri Koda za Poboljšanje Pristupačnosti (Accessibility)

Primer na wordpress platformi kroz slike

Pre nego što počnete da radite sa kodom sajta uvek je potrebno uraditi kopiju sajta !

Appearance > Theme File Editor

Functions.php > na dnu koda za funkciju dodati kod (kod se nalazi ispod slike)

Kod koji treba da se kopira u Functions.php:

function remove_my_action() {
remove_action('wp_head', 'et_add_viewport_meta');
}
function custom_et_add_viewport_meta(){
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />';
}
add_action( 'init', 'remove_my_action');
add_action( 'wp_head', 'custom_et_add_viewport_meta' );

Nakon dodavanja koda u functions.php na sajtu može da se zumira sajt što olakšava pristupanosti sajta i poboljšanju ocene sajta.

Evo nekoliko praktičnih saveta za poboljšanje pristupačnosti vaše web stranice:

1. Atributi ‘alt’ za slike: Dodavanje atributa alt za slike omogućava čitačima ekrana da opišu sadržaj slika osobama s oštećenjem vida.
2. Upotreba semantički ispravnih HTML elemenata: Korišćenje odgovarajućih HTML oznaka pomaže čitačima ekrana da bolje razumeju strukturu i sadržaj stranice.
3. Navigacija sa tastature: Osigurajte da se svi elementi mogu fokusirati tastaturom i da je redosled fokusa logičan i jasan.
4. Kontrast boja: Upotreba kontrastnih boja između teksta i pozadine poboljšava čitljivost za osobe sa oštećenjem vida.
5. ARIA atributi: Korišćenje ARIA atributa (Accessible Rich Internet Applications) pruža dodatne informacije čitačima ekrana o interakciji elemenata na stranici.

Primeri Koda za Poboljšanje Pristupačnosti

Zaključak kako poboljšati na sajtu Accessibility Pagespeed

Pristupačnost (Accessibility) na webu je vitalna za inkluzivno iskustvo korisnika. Poboljšanje pristupačnosti ne samo da čini vašu web stranicu prijatnijom za sve posetioce, već i ima pozitivan uticaj na vašu ukupnu ocenu performansi na alatima poput PageSpeed Insights. Investiranje u pristupačnost je ulaganje u bolje korisničko iskustvo za sve.

Kroz ove savete i konkretne primere koda, nadamo se da ste dobili uvid u važnost pristupačnosti na webu i kako je implementirati na vašoj web stranici.

Kontaktirate nas ako ste zainteresovani za izradu web sajta.

Pročitali ste naš članak “Kako poboljšati na sajtu Accessibility Pagespeed” i nesebično pomaganje zajednice deljenjem koda za pagespeed.