WordPress 7.1 výrazně zlepšuje přístupnost: responzivní stylování, stavy prvků a lepší práce s obrázky

WordPress 7.1, jehož finální vydání je naplánováno na 19. srpna 2026 během WordCamp US, přináší dosud největší sadu nástrojů pro přístupnost a responzivní design přímo v jádře. Beta 1 vyšla 15. července a kromě nových bloků a vylepšení editoru obsahuje funkce, které výrazně usnadní tvorbu webů přístupných pro všechny uživatele bez ohledu na zařízení nebo způsob ovládání.

Responzivní stylování bez CSS

Jednou z nejočekávanějších funkcí WordPress 7.1 je možnost definovat vzhled bloků pro různá zobrazení přímo v editoru, aniž by bylo nutné psát vlastní CSS. Tvůrci webů nyní mohou nastavit, jak bude blok vypadat na mobilu, tabletu i desktopu, a to jak v globálních stylech, tak u jednotlivých bloků.

• Každý blok lze stylovat zvlášť pro tři základní viewporty (mobil, tablet, desktop)
• Responzivní stylování funguje automaticky pro bloky používající standardní block supports
• Vývojáři vlastních bloků s vlastními ovládacími prvky musí přidat podporu ručně
• Prefix @ se používá pro responzivní stavy v kódu
• Ovládání aspect-ratio a flex-alignment nyní funguje i v rámci viewport stavů

Theme autoři mohou definovat vlastní breakpointy v theme.json, což dává větší flexibilitu při přizpůsobování responzivního chování konkrétnímu webu. Gutenberg 23.5 navíc nahrazuje pevný přepínač náhledů (desktop/tablet/mobil) jednotným, volně měnitelným náhledem zařízení.

Stylování interaktivních stavů

WordPress 7.1 přináší také možnost stylovat interaktivní stavy prvků – tedy jak se blok chová, když na něj uživatel najede myší, zaměří ho klávesnicí nebo na něj klikne. Tato funkce je klíčová pro přístupnost, protože uživatelé ovládající web pouze klávesnicí potřebují vizuální indikaci, kde se právě nacházejí.

• Hover: styl při najetí myší (např. změna barvy tlačítka)
• Focus: styl při zaměření klávesnicí (např. výrazný rámeček pro orientaci)
• K dispozici jak v globálních stylech, tak u jednotlivých instancí bloků
• Standardizovaná sada ovládacích prvků napříč všemi bloky

Pro uživatele s omezením zraku nebo motoriky je focus styl zásadní – bez něj často neví, na kterém prvku se právě nacházejí. WordPress 7.1 tento problém řeší přímo v jádře, bez nutnosti instalovat plugin třetí strany.

Editor respektuje barevné schéma administrace

Drobná, ale důležitá změna pro uživatele se zrakovým postižením: Editor stránek (Site Editor) nyní respektuje barevné schéma zvolené v administraci. Dříve editor vždy používal pevné pozadí bez ohledu na uživatelské nastavení, což mohlo být problematické pro uživatele s citlivostí na světlo nebo specifickými potřebami kontrastu.

Tato změna se týká jak editoru stránek, tak editoru příspěvků – celé prostředí je nyní konzistentnější a přizpůsobitelnější individuálním potřebám.

“Označit jako dekorativní” pro lepší čtečky obrazovky

WordPress 7.1 přidává nový přepínač u bloku Obrázek, který umožňuje označit obrázek jako dekorativní. Čtečky obrazovky pak takový obrázek zcela přeskočí, což uživatelům se zrakovým postižením ušetří zbytečné informace, které nenesou žádný obsahový význam.

• Jednoduchý přepínač v nastavení bloku Obrázek
• Obrázek zůstává viditelný pro všechny uživatele
• Čtečky obrazovky (screen readers) dekorativní obrázek ignorují
• Užitečné pro pozadí, oddělovače, ikony a ilustrační prvky

Tato funkce vychází z doporučení WCAG 2.1 (kritérium 1.1.1 – Netextový obsah) a výrazně zlepšuje zážitek uživatelů závislých na asistenčních technologiích.

Trvalý toolbar a vylepšená navigace

Administrační lišta nyní zůstává viditelná i v editoru stránek a blokovém editoru. Tato změna, která původně vznikla jako experimentální funkce Omnibar, je nyní standardně zapnutá a usnadňuje navigaci uživatelům, kteří se při práci spoléhají na klávesové zkratky a konzistentní prvky rozhraní.

• Administrační lišta vždy viditelná v editoru
• Tlačítko zpět nahrazuje logo W v rohu editoru
• Vylepšená Command palette (Ctrl+K / Cmd+K) s výsledky rozdělenými do sekcí Recent, Matching a Suggestions
• Nekonečné scrollování v knihovně médií s možností vypnutí v uživatelském profilu

Možnost vypnout nekonečné scrollování je důležitá – pro některé uživatele s kognitivním postižením může být nekonečný seznam matoucí a obtížně ovladatelný.

Unicode emailové adresy a globální dosah

WordPress 7.1 uzavírá ticket otevřený v roce 2015 a přidává podporu pro Unicode emailové adresy. Weby s podporou utf8mb4 v databázi nyní mohou přijímat emailové adresy s UTF-8 znaky v lokální části, mezinárodní domény jsou zpracovávány přes Punycode.

• Nová třída WP_Email_Address pro správu emailových adres
• UTF-8 lokální části emailů na webech s utf8mb4
• Internationalizované domény zpracovány přes Punycode
• Chování lze vypnout pomocí filtru, pokud způsobuje problémy
• Týká se pluginů, které validují, ukládají nebo porovnávají emailové adresy

Pro vývojáře pluginů to znamená nutnost otestovat funkce jako is_email() nebo sanitize_email() proti Unicode adresám.

Další přístupnostní vylepšení

Kromě výše uvedených funkcí obsahuje WordPress 7.1 řadu menších změn, které dohromady výrazně zlepšují přístupnost:

• Viditelnost bloků: Bloky s nastavením visibility: false jsou skryté všude, včetně výpisů a RSS
• Validace oEmbed URL: Adresy poskytovatelů oEmbed jsou nyní před použitím validovány, což zvyšuje bezpečnost
• Notifikační emaily bez uživatelského jména: Nové uživatelské emaily již neobsahují uživatelské jméno, což zvyšuje soukromí
• Přepínač pro spolupráci v reálném čase: Sdílení v reálném čase lze vypnout pro jednotlivé typy příspěvků
• Textové stíny v globálních stylech: Gutenberg 23.5 přidal podporu pro textShadow

Co to znamená pro provozovatele webů

Pro běžného uživatele WordPressu přináší 7.1 hmatatelné zlepšení každodenní práce. Tvorba responzivních webů je nyní mnohem dostupnější – není potřeba umět CSS ani instalovat drag-and-drop buildery. Stačí otevřít editor a nastavit vzhled bloku pro každé zařízení zvlášť.

Správci webů by měli:

1. Otestovat kompatibilitu svých pluginů a témat s WordPress 7.1 Beta 1 ve staging prostředí
2. Zkontrolovat vlastní bloky – pokud používají vlastní ovládací prvky, bude potřeba přidat podporu pro responzivní stylování
3. Otestovat focus a hover stavy – zajistit, že jsou dobře viditelné a kontrastní
4. Prověřit zpracování emailů – pokud web používá Unicode adresy, otestovat s novou třídou WP_Email_Address
5. Informovat editory o nových možnostech – responzivní stylování a “mark as decorative” výrazně zjednoduší jejich práci

Zdroje

Zdroj: WordPress.org – WordPress 7.1 Beta 1 (15. 7. 2026)

Zdroj: WordPress Developer Blog – What’s new for developers (July 2026) (10. 7. 2026)

Potřebujete s WordPress webem pomoct? Kontakt najdete přes formulář na stránce Kontakt.