Uznirstošie logi ir efektīvs rīks potenciālo klientu piesaistīšanai, piedāvājumu reklamēšanai vai lietotāju iesaistes uzlabošanai WordPress vietnēs. Tomēr slikti izstrādāti uznirstošie logi var radīt ievērojamus pieejamības šķēršļus lietotājiem ar invaliditāti. Nodrošinot, ka jūsu WordPress uznirstošie logi ir pieejami, ne tikai uzlabojas lietotāja pieredze, bet arī tiek ievērotas tīmekļa satura pieejamības vadlīnijas (WCAG). Šajā ceļvedī mēs izpētīsim, kā izveidot pieejamus WordPress uznirstošos logus, kas ir iekļaujoši un lietotājam draudzīgi.
Kāpēc pieejamība ir svarīga WordPress uznirstošajiem logiem
Uznirstošo logu pieejamība ir ļoti svarīga, jo tie var traucēt pārlūkošanas pieredzi, ja tie netiek pareizi ieviesti. Galvenie iemesli, kāpēc uznirstošie logi ir pieejami, ir šādi:
- Iekļaujošs dizains: Nodrošina, ka lietotāji ar invaliditāti var mijiedarboties ar jūsu saturu.
- SEO priekšrocības: Meklētājprogrammas dod priekšroku pieejamām tīmekļa vietnēm.
- Atbilstība tiesību aktiem: Samazina pieejamības likumu, piemēram, ADA vai EN 301 549, neievērošanas risku.
Bieži sastopamas pieejamības problēmas uznirstošajos logos
Pirms risinājumu ieviešanas ir svarīgi izprast biežāk sastopamās pieejamības problēmas ar uznirstošajiem logiem:
- Uznirstošie logi, kas nav piesaistīti konkrētam fokusam, liedzot lietotājiem efektīvi mijiedarboties.
- Trūkst tastatūras navigācijas uznirstošo logu atvēršanai, mijiedarbībai ar tiem un aizvēršanai.
- Trūkst ARIA lomu un etiķešu ekrāna lasītājiem.
- Uznirstošie logi ar sliktu krāsu kontrastu vai nelasāmiem fontiem.
Piekļūstamu uznirstošo logu paraugprakse
Lai padarītu savus WordPress uznirstošos logus pieejamus, ievērojiet šīs labākās prakses:
1. Pievienojiet ARIA lomas un etiķetes
Izmantojiet ARIA (pieejamo bagātināto interneta lietojumprogrammu) lomas un etiķetes, lai palīdzētu ekrāna lasītājiem izprast uznirstošo logu struktūru:
- lietošana
role="dialog"uznirstošajam konteineram. - Ietvert
aria-labelledbyunaria-describedbylai aprakstītu uznirstošā loga mērķi.
Abonējiet mūsu jaunumus Saņemiet jaunākos atjauninājumus tieši savā iesūtnē.
2. Ieviesiet fokusa pārvaldību
Kamēr tas ir aktīvs, fokusa fiksēšana uznirstošajā logā ir aizliegta lietotājiem mijiedarboties ar fona elementiem:
- Pārvietot fokusu uz pirmo interaktīvo elementu (piemēram, aizvēršanas pogu), kad atveras uznirstošais logs.
- Atjaunot fokusu uz aktivizējošo elementu, kad uznirstošais logs aizveras.
Izmantojiet JavaScript, lai efektīvi pārvaldītu fokusu.
3. Iespējojiet tastatūras navigāciju
Nodrošiniet, lai lietotāji varētu atvērt, mijiedarboties ar un aizvērt uznirstošos logus, izmantojot tikai tastatūru:
- Norādiet a
tabindexatribūts visiem uznirstošajā logā esošajiem interaktīvajiem elementiem. - Iekļaujiet redzamu un darbināmu aizvēršanas pogu, ko var aktivizēt, izmantojot
EnterorSpaceatslēga.
4. Nodrošiniet atbilstošu kontrastu un lasāmību
Saglabājiet atbilstošu kontrastu starp tekstu un fonu, lai uznirstošā loga saturs būtu lasāms:
- Ievērojiet WCAG vadlīnijas attiecībā uz krāsu kontrastu (vismaz 4.5:1 parastam tekstam).
- Lai nodrošinātu labāku lasāmību, izmantojiet lielus, salasāmus fontus.
5. Nodrošiniet alternatīvas lietotājiem, kas neizmanto JavaScript
Ne visiem lietotājiem ir iespējots JavaScript. Nodrošiniet rezerves mehānismu, kas nodrošina, ka uznirstošajā logā esošais svarīgais saturs joprojām ir pieejams.
6. Pieejamības pārbaude
Pēc iepriekš minēto darbību ieviešanas pārbaudiet uznirstošos logus, izmantojot pieejamības rīkus:
- lietošana WAVE or AX lai identificētu pieejamības problēmas.
- Simulēt navigāciju tikai ar tastatūru, lai nodrošinātu lietojamību.
- Pārbaudiet ARIA lomas un etiķetes ar ekrāna lasītāju.
Labākie WordPress uznirstošie spraudņi ar pieejamības funkcijām
Šeit ir daži WordPress spraudņi, kas atbalsta pieejamu uznirstošo logu izveidi:
| Spraudnis | Pieejamības funkcijas |
|---|---|
| Popup Maker | ARIA atbalsts, fokusa pārvaldība, tastatūras navigācija. |
| OptinMonster | Pielāgojamas veidnes ar kontrasta opcijām un ARIA etiķetēm. |
| Grūstīšanās | Reaģējoši dizaini ar pieejamiem iestatījumiem. |
| ninja logus | Pamata pieejamības iestatījumi un mobilajām ierīcēm draudzīgs dizains. |
Biežāk uzdotie jautājumi
Kāpēc uznirstošo logu pieejamība ir svarīga?
Pieejami uznirstošie logi nodrošina iekļautību, samazina atteikumu līmeni un atbilst juridiskajiem standartiem, uzlabojot lietotāja pieredzi visiem apmeklētājiem.
Kas ir ARIA lomas un kāpēc tās ir nepieciešamas uznirstošajiem logiem?
ARIA lomas, piemēram, role="dialog", palīdz ekrāna lasītājiem identificēt un interpretēt uznirstošo saturu, padarot to pieejamu lietotājiem ar redzes traucējumiem.
Kā es varu padarīt savu uznirstošo logu tastatūru pieejamu?
Iespējot tastatūras navigāciju, iestatot tabindex visiem interaktīvajiem elementiem un nodrošinot, ka uznirstošo logu var atvērt un aizvērt, izmantojot taustiņus.
Vai visi WordPress uznirstošie spraudņi atbalsta pieejamību?
Nē, ne visi spraudņi prioritizē pieejamību. Izvēlieties spraudņus, piemēram, Popup Maker vai OptinMonster, lai iegūtu labākas pieejamības funkcijas.
Vai uznirstošie logi var ietekmēt SEO?
Jā, slikti izstrādāti uznirstošie logi var palielināt atteikumu līmeni un pasliktināt lietotāja pieredzi, negatīvi ietekmējot SEO. Pieejami uznirstošie logi mazina šo risku.
Kā pārbaudīt uznirstošo logu pieejamību?
Izmantojiet tādus rīkus kā WAVE, Lighthouse un manuālas tastatūras navigācijas testus, lai novērtētu uznirstošā loga pieejamību.
