Egy app, amit nem mindenki tud használni
Egy HR-csapat belső alkalmazást készít Power Apps-ben. A cél az, hogy egyszerűbbé tegyék a szabadságigénylést. A gond csak az, hogy a mozgássérült kolléga nem tud navigálni benne billentyűzettel, és a képernyőolvasó sem tudja értelmezni az űrlapmezőket. A csapat nem akadálymentesített elemeket használt, pedig néhány alapbeállítással ez könnyen javítható lett volna.
A low-code fejlesztés valóban demokratikus, de akkor válik igazán hatékonnyá, ha a végeredmény mindenki számára hozzáférhető.
Mit kínál a Power Platform az akadálymentesítéshez?
A Microsoft Power Platform – különösen a Power Apps és Power Automate – számos lehetőséget biztosít arra, hogy alkalmazásaink inkluzívak legyenek.
1. Hozzáférhetőségi sablonok és beállítások
- WCAG-megfelelőség: A Power Apps beépített sablonjai támogatják a WCAG 2.1 AA szabvány követelményeit. Ez azt jelenti, hogy már az első lépésektől figyelembe veszik a kontrasztarányt, a betűméretet, az elérhetőségi címkéket és a strukturált elrendezést.
- Billentyűzettel történő irányítás: A sablonok vezérlőelemei támogatják a billentyűzetes navigációt, így az egér használata nélkül is könnyedén kezelhető az alkalmazás.
- Képernyőolvasó-kompatibilitás: A rendszer automatikusan hozzárendeli a megfelelő ARIA címkéket, és lehetővé teszi, hogy a vezérlőelemek szerepét, állapotát és címkéjét a képernyőolvasók helyesen értelmezzék.
- Kontraszt és színérzékenység: A beállítások figyelembe veszik a kontrasztarányokat, a színek kombinációit, így a színtévesztő vagy gyengén látó felhasználók is könnyebben értelmezhetik a felületet.
2. UI best practice-ek low-code fejlesztőknek
- Címkék és segítő szövegek használata: Minden űrlapelemhez és gombhoz címkét (label) és kiegészítő segítséget (hint) kell rendelni. Ez megkönnyíti a képernyőolvasók működését, valamint segíti a felhasználó megértését.
- Logikus fókuszmenet (TabIndex): A felhasználó által várható navigációs útvonalat tükröző fókuszsorrend kulcsfontosságú a zökkenőmentes élményhez. Ez különösen fontos azok számára, akik nem használnak egeret.
- Színtől független információ: A csak színnel történő visszajelzések nem mindenki számára értelmezhetők. Például egy piros szegéllyel jelzett hibás mezőhöz mindig tartozzon írásos hibaüzenet is.
- Letisztult és strukturált elrendezés: Kerüljük a zsúfolt, bonyolult elrendezéseket. Az egyértelmű vizuális hierarchia, jól látható gombok és konzisztens elrendezés jelentősen javítják a hozzáférhetőséget mindenki számára.
Valós helyzet – kis változtatás, nagy eredmény
Egy ügyfelünk HR-alkalmazása első verziójában több mozgássérült kolléga nem tudott adatokat rögzíteni, mert az űrlapokat nem lehetett billentyűzettel elérni, a képernyőolvasó pedig "néma" mezőkkel találkozott. A Gloster Cloud tanácsadói végignézték a teljes felületet, és néhány beállítás módosításával – például címkék hozzáadása, TabIndex sorrend javítása, hibaüzenetek megjelenítése – teljes funkcionalitást biztosítottak minden dolgozó számára, anélkül, hogy újra kellett volna építeni az appot.
A Gloster Cloud szerepe: Low-code, high-impact
A Power Platform lehetőséget ad, hogy a nem technikai felhasználók is fejlesszenek – de az inkluzív szemlélet gyakran kimarad az első verziókból. A Gloster Cloud segít ezt pótolni:
- Meglévő alkalmazások akadálymentességi auditja, a legfontosabb szempontok szerint
- Képzés Power Apps fejlesztőknek az inkluzív design alapjairól
- UI- és UX-tanácsadás, figyelembe véve a valós felhasználói helyzeteket
- Power Automate workflow-k felhasználóbarát kialakítása, pl. email-sablonok és űrlapok optimalizálása
Egy igazán jó app nem csak működik, hanem mindenki számára hozzáférhető. Tudd meg, hogyan teheted inkluzívvá a saját Power Platform megoldásaidat.
