play
stop
kuk

Webová přístupnost: když technologie myslí na všechny

Na začátku každého projektu by měla stát jednoduchá myšlenka: vytvořit prostředí, které může používat opravdu každý. Nejen lidé s trvalými omezeními, ale i ti, kteří mají krátkodobý úraz, jsou zrovna na přímém slunci s mobilem v ruce, nebo pracují ve spěchu a ruchu.
Tak mi řekněte víc

Jak zajistit přístupnost obsahu

Kdo přístupnost potřebuje?

Typy omezení
01  Zrak
02  Sluch
03  Motorika
04  Kognitivita

S jakými překážkami se uživatelé mohou potýkat?

Uživatelé se mohou nacházet v různých situacích, někdy jde o trvalá omezení, jindy o dočasný problém nebo jen okolnost, která ztěžuje soustředění či ovládání. Je důležité myslet na širokou škálu uživatelů, včetně těch, pro které je přístupnost nutností:
01

Lidé se zrakovým omezením

  • Trvalé: slabozrací, barvoslepí, nevidomí.
  • Dočasné: lidé s očním onemocněním či krátkodobým zhoršením zraku.
  • Situační: uživatelé na přímém slunci nebo v silném světle, kdy je displej špatně čitelný.

Potřebují, aby web nabízel větší písmo a vyšší kontrast, a zároveň podporoval asistivní technologie, například screen readery a smysluplné textové alternativy.

02

Lidé se sluchovým omezením

  • Trvalé: neslyšící a silně nedoslýchaví.
  • Dočasné: lidé s ušní infekcí nebo dočasným zhoršením sluchu.
  • Situační: uživatelé v hlučném prostředí, kde není slyšet audio nebo si jej nechtějí pouštět nahlas.

Potřebují titulky, přepisy, vizuální informace a jasné notifikace.

03

Lidé s omezenou motorikou

  • Trvalé: lidé s pohybovým handicapem nebo omezenou hybností rukou.
  • Dočasné: uživatelé se zraněním ruky či zápěstí.
  • Situační: lidé s plnýma rukama (například drží dítě), nebo používají zařízení jednou rukou.

Ovládají web klávesnicí, asistivními technologiemi nebo hlasem.

04

Lidé s kognitivními obtížemi nebo omezením vnímání

  • Trvalé: poruchy učení, ADHD, různé formy kognitivního znevýhodnění.
  • Dočasné: migrény, únava či nemoc, která omezuje soustředění.
  • Situační: stres, informační zahlcení nebo multitasking.

Ocení srozumitelný text, jednoduchou navigaci, jasnou hierarchii obsahu a vizuální orientaci.

Přístupnost nepředstavuje jen speciální funkce pro malý okruh uživatelů. Pro mnohé je to základní nutnost a pro všechny ostatní předpoklad kvalitního uživatelského zážitku.
Teď už budete mít jasno

Co je potřeba na webech zohlednit?

Aby byl web opravdu přístupný, je potřeba vyladit obsah, vizuální podobu, funkčnost i technické řešení.
01

Obsah

  • logická hierarchie nadpisů,
  • srozumitelný text,
  • přehledná struktura (odstavce, seznamy, tabulky),
  • alternativní texty u obrázků,
  • titulky nebo přepisy videí.
02

Design a vizuál

  • dostatečný kontrast mezi textem a pozadím,
  • možnost zvětšení textu bez rozpadu layoutu,
  • responzivita na různých zařízeních,
  • přehledná a konzistentní navigace,
  • ovladatelné a vypnutelné animace.
03

Funkčnost

  • kompletní a komfortní ovladatelnost klávesnicí,
  • správné pořadí prvků při používání tabulátoru,
  • viditelný fokus všech interaktivních prvků,
  • srozumitelné a popsané formuláře s jasnou validací,
  • vhodné ARIA role a popisky pro čtečky obrazovky.
04

Technické řešení

  • správná semantická HTML struktura,
  • ARIA role a atributy pro asistivní technologie,
  • rychlé načítání i při pomalém připojení,
  • žádné bariérové prvky (např. nečitelný JS obsah).
Postup

Jak řešíme přístupnost my

Přístupnost u nás není jednorázová kontrola před spuštěním nového webu. Je to součást celého procesu jeho tvorby, ve kterém ji ověřujeme na několika úrovních – od struktury přes vizuál až po finální kód. Principy přístupnosti máme pod kůží a díky vlastnímu “Starter Packu přístupnosti” a interním checklistům máme jasný systém, který zaručí, že nic důležitého neproklouzne.

Zlepšení přístupnosti existujících webů

Blog

Pár písmenek k tématu

Používané technologie

Náš denní chleba

Zákazníci, kteří přešli s námi na Pimcore. Pokud i vás zaujal, ozvěte se nám.

Linkedin

Facebook

Instagram

Behance

Linkedin

Facebook

Instagram

Behance

Linkedin

Facebook

Instagram

Linkedin

Facebook

Instagram

Speak English?
Speak English?
Pro milovníky formulářů
Jméno
Telefon
E-mail
A teď nám to napište
Zpráva zachycena!
Pokusíme se odpovědět co nejdříve.
Ajéje, něco zlobí a formulář ne a ne odletět. Zkuste to prosím za chvíli, nebo nám brkněte.