A digitális hozzáférhetőség valódi kultúrájának kiépítése egy vállalaton belül a rugalmasság és a kitartás küldetése. Nem nehéz az akadálymentesítésről szóló diskurzusnak a szokásos klisékbe esni. A hozzáférhetőség nagyon fontos az emberek számára. A digitális termékek és szolgáltatások hozzáférhetősége elősegíti a befogadást. Vagy akár a csapatok összes szakemberét be kell vonni az akadálymentesítési munkába. Természetesen. Józan eszével senki sem fogja vitatni ezeket a kijelentéseket (remélem). Ennek a beszélgetésnek a második része azonban, amelyhez nagyon kevés cég jut el, a „hogyan?” Hogyan valósíthatjuk meg ezt a digitális transzformációs csapatok mindennapi munkája közepette, amelyek, mint tudjuk, elmerülnek az igényes forgatókönyvekben, gyakran nagyon korlátozott számú emberrel? A legtöbb esetben a választás a „mi ezt csináljuk” és az „az” között történik. És nem is kellene, mert ezekben az esetekben soha nem láttam, hogy az akadálymentesítés győzött ebben az egyenletben. Ennek nem szabadna így lennie. Nem kell ilyennek lenned. Először is azért, mert az akadálymentesítés és bármi más közötti választás nem a megfelelő választás. A kisegítő lehetőségek már nem csak egy újabb funkció, amelyet a többihez hozzá kell adni. Ez hozzáadott értéket jelent a vállalkozás számára, és jelenleg olyan jogi kötelezettség, amely súlyos következményekkel járhat a vállalatok számára. Másrészt vannak intelligens, optimalizált és hatásos módszerek arra, hogy az akadálymentesítési elveket beépítsék a csapatok természetes dinamikájába. Lehetséges a kisegítő lehetőségeken dolgozni anélkül, hogy a csapatműveleteket fejjel lefelé fordítaná. Lényegében ezt teszi az AccessibilityOps. Az emberek felhatalmazása és egyszerű folyamatok biztosítása a csapatok számára, így aránytalan erőfeszítés nélkül integrálhatják a kisegítő lehetőségeket a mindennapi rutinjukba. Kisegítő lehetőségek és tervezés A tervezésben a digitális akadálymentesítéssel kapcsolatos munka több lépést is magában foglalhat. Egyértelmű, hogy különös figyelmet kell fordítanunk a színre és arra, hogyan használják a jelentés közvetítésére. Természetesen az elemek interakciós méretének kényelmesnek kell lennie. De ami a legfontosabb, sokoldalúan kell gondolkodnunk a tervezésről. A felület nem poszter. A tervezés számos aspektusát szabályozhatjuk, de az, hogy a felhasználók hogyan kommunikálnak a felülettel, végtelen számú változótól függ. Az eszköz típusa, kontextus, cél, hálózat minősége stb. Mindez nagymértékben befolyásolja az egyes személyek tapasztalatait és interakcióit. Mindezek mellett, ha a digitális akadálymentesítéssel kapcsolatos aggodalmakat beépítik a tervezési folyamatba, az még több változót ad hozzá.
Az emberek gyakran használnak úgynevezett segítő technológiákat és stratégiákat. Alapvetően ezek technológiai eszközök, vagy legalábbis „trükkök”, amelyekhez folyamodnak az emberek, hogy kényelmesebb használati modelleket találjanak. A híres képernyőolvasók, amelyeket gyakran a vakok használatához kötnek (de amelyek nem csak számukra hasznosak), egy kisegítő technológia. A színek vagy színkontrasztok megváltoztatása a különböző elemek között szintén segítő technológia. Egy másik példa a betűméret növelése (amiről ebben a szövegben tárgyaltunk). Számtalan kisegítő technológia és stratégia létezik. Majdnem annyi, mint az egyes személyenkénti különböző használati kontextusok. Nem mi irányítunk mindent Más szóval (és ez a „rossz hír” nekünk, tervezőknek), a „tervezésünk” a felhasználók szemszögéből nézve olyan átalakulásoknak van kitéve, amelyeket nem mi irányítunk. A felhasználó „átalakítja”, így biztosítva, hogy a lehető legkényelmesebb módon tudjon kommunikálni az alkalmazással és minden általa kínált lehetőséggel. És ez jó dolog. Ha ez megtörténik, és minden jól megy, akkor biztosan nagyon jól végeztük akadálymentesítési munkánkat, és mindannyian megérdemelnek gratulációt. Ha a felhasználó alkalmazza ezen támogatási technológiák és stratégiák bármelyikét, de mégsem tudja használni a digitális alkalmazást, az annak a jele, hogy valami nem úgy működik, ahogy kellene. Ó, és ha már miről beszélünk. Ne is gondoljon arra, hogy blokkolja e technológiák vagy támogatási stratégiák használatát. Lehet, hogy „megsemmisítik” a gyönyörű dizájnt, de egyre többen teszik lehetővé az alkalmazás tényleges használatát. Végül nem pontosan ezt ígértük, hogy meg akarjuk tenni? Tervezés (minden) ember számára. Kivétel nélkül? Növelje a betűméretet Hányszor hallottunk valakit – barátok, családtagok vagy akár kollégák – panaszkodni, hogy ez vagy az a szöveg túl kicsi? A szöveg nagyon fontos szerepet játszik a digitális élményben. Sok információ a szövegben történik:használati utasítások, gombfeliratok vagy interaktív elemek. Mindez a szöveget használja kommunikációs eszközként. Ha mindezeket az elemeket nehéz elolvasni, természetesen az élmény súlyosan romlik. A kényelmes szövegolvasás, funkciójától függetlenül, nem vitatható alapelv. Ezt az olvasást megkönnyítheti, ha kényelmes méreteket használ a kialakításban. A támogató technológiák és stratégiák azonban a betűméret növelésének funkcióján keresztül szintén hozzájárulhatnak az olvashatóság javításához. Az APPT adatai szerint az Android és iOS mobileszközöket használók 26%-a növeli az alapértelmezett betűméretet (2026 februári adatok). Minden negyedik felhasználó megnöveli okostelefonja betűméretét. Ez egy nagyon jelentős emberminta, így ez a funkcionalitás elkerülhetetlen a tervezési folyamatokban.
Irányelveknek való megfelelés Az interfészek betűméretének növelése óriási tervezési kihívást jelenthet. Fontos megérteni, hogy egyes szövegelemek a felhasználói műveletek miatt hirtelen megduplázódhatnak eredeti méretükhöz képest. „A feliratok és szöveges képek kivételével a szöveg 200%-ig átméretezhető kisegítő technológia nélkül a tartalom vagy a funkcionalitás elvesztése nélkül.” – A Web Content Accessibility Guidelines (WCAG) 2.2-es verziójának 1.4.4 teljesítési feltétele, „Szöveg átméretezése”
Ez a sikerkritérium az AA-megfelelőségi szinten van, ami azt jelenti, hogy ez minden jogi keret szerint feltétlenül kötelező jellemző. Könnyű megérteni a 200%-ot ebben a sikerességi feltételben. Ha feltételezzük, hogy a felületeket 100%-os léptékben tervezzük meg, vagyis az elemméret a kezdeti méret, akkor a szöveg akár 200%-os növelése a kezdeti méret megduplázásának felel meg. Más nagyítási skálák is használhatók, például 120%, 140% stb. Más szóval, biztosítanunk kell, hogy a felhasználók a szöveget a kezdeti méretének duplájára növelhessék támogató technológiák vagy stratégiák segítségével (és ez nem kis részlet). A szabványnak való megfelelés érdekében nem kell szövegméret-növelő eszközöket biztosítanunk az interfészeken. A gyakorlatban ezek a funkciók nem mások, mint redundancia. Az eszközök ezt már szabványosított módon teszik lehetővé. Azok a felhasználók, akiknek valóban szükségük van erre a beállításra, tudják (mert nélküle sokkal nehezebb lenne az életük). Nos, ezt a beállítást már alkalmazták az eszközükön. Ez pedig azt jelenti, hogy kiküszöbölhetjük ezeket a további felületelemeket, egyszerűsítve az élményt.
Szabványosított hozzáférés A kisegítő technológiákkal kapcsolatban fontos megjegyezni, különösen ebben az esetben a betűméret növelésével kapcsolatban, hogy a legtöbb eszközön alapértelmezés szerint sok ilyen eszköz már telepítve van. Más szóval, sok esetben a felhasználóknak nem kell saját szoftvert vásárolniuk, vagy egy adott típusú eszközt sem kell vásárolniuk ahhoz, hogy ezt a funkciót igénybe vegyék. Akár mobileszközökön, akár webböngészőben, az esetek túlnyomó többségében könnyen megtalálhatók olyan telepített szolgáltatások, amelyek lehetővé teszik az általunk használt alapértelmezett betűméret növelését az egész felületen. A betűméret növelésének ez az elve alkalmazható digitális termékekre, például alkalmazásokra, vagy akár bármilyen típusú webhelyre, amely a ma használt szabványos webböngészőkön fut. iPhone-ok Az iPhone készülékeken a betűméret növelése funkció alapértelmezés szerint be van építve. A funkció használatához egyszerűen nyissa meg a „Beállítások” panelt, válassza a „Kisegítő lehetőségek” lehetőséget, majd a „Vision” opciócsoporton belül lépjen be a „Szövegméret és megjelenítés” funkcióba, és állítsa be a kívánt betűméret-növekedést ezen a képernyőn.
Google Chrome A webböngészők alapértelmezés szerint a betűméret növelésének funkcióját is kínálják. Például a Google Chrome-ban ez a funkció az „Opciók” panelen, konkrétan a „Megjelenés” területen érhető el. Az ebben a csoportban megjelenő opciók listájában egyszerűen válassza ki a „Betűméret” lehetőséget. Általában a „Közepes – ajánlott” opció kerül kiválasztásra. Ezt a beállítást bármely más elérhető betűméretre módosíthatja. Próbálja ki például a „Nagyon nagy” opciót.
Test In Figma Ahhoz, hogy a digitális akadálymentesítéssel kapcsolatos munka hatékony legyen a csapatok mindennapi életében, elengedhetetlen az egyszerű munkafolyamatok megtalálása. Olyan akciók vagy kezdeményezések, amelyek integrálhatók a csapat rutinjába, amelyek integráltan foglalkoznak az akadálymentesítéssel, és nem igénylik a jelenlegi valóság drámai átalakítását. Ha erre szükség lenne, úgy véli, ez legtöbbször nem történne meg. Ezért az egyszerű munkafolyamatok megtervezése fele a csatának azért, hogy az akadálymentesítés valóban megvalósuljonügyben, tervezőcsapaton belül is. Ami a betűméret-növekedés tesztelését illeti, ma rendkívüli eszközök állnak rendelkezésünkre. Azok, akik emlékeznek az Adobe Photoshop komplex felületek tervezésének idejére, felismerik a mai eszközeink közötti különbségeket (és szerencsére). Az olyan eszközökkel, mint a Figma, most már lehetséges olyan dinamizmust teremteni a tervezésben, hogy a hozzáférés érdekében a betűméret növelése szinte elkerülhetetlenné válik a csapat számára.
Megjegyzés: A teszt elvégzéséhez alaposan ismernie kell a Figma szövegstílusait, automatikus elrendezéseit és változóit. Ez a három alapvető eszköz a sikerhez, különösebb erőfeszítés nélkül. Ha még nem sajátította el ezeket a funkciókat, erősen ajánlott, hogy ott kezdje. Ne hagyja ki a lépéseket. A tanulás egy fokozatos folyamat, amelyet strukturáltan, lépésről lépésre kell követni. Hová akarunk menni? A Figmában végrehajtani kívánt betűméret-növelési teszt egyszerű. Szeretnénk, ha a felületen használt összes szövegstílushoz elérhető legyen egy változókészlet, amely lehetővé teszi számunkra, hogy eldönthessük, hogy 100%, 120%, 140%, 160%, 180% vagy 200% skálán szeretnénk-e látni a felületet a szöveggel. Amikor ezt a változókészletet alkalmazzuk (hasonlóan a világos és sötét mód változóihoz), megfigyeljük a szöveg átalakításait a felületen, és megértjük, hogy milyen mértékben van szükség adaptációra a különböző tipográfiai léptékű felület egyes verzióiban.
Hogyan tegyük ezt meg? Ahhoz, hogy ez a teszt ilyen zökkenőmentesen menjen, el kell végeznie egy kis alapozást. A tervezési rendszerek nagyban segíthetik ennek a kezdeti munkának a nagy részének optimalizálását. De nem hazudok neked. Ahhoz, hogy a teszt jól működjön, a tervezésnek nagyon komoly szintű szervezettségre és rendszerezésre van szüksége. Ez nem igazán útmutató, mert minden csapatnak meglesz a saját munkamodellje, és ezeket az ajánlásokat különböző módokon lehet alkalmazni (és ez így van rendjén). Azonban ahhoz, hogy ez a teszt működjön, fontos bizonyos feltételezéseket betartani a tervezésben. A tesztmodell megvalósításának szakaszos végrehajtása érdekében íme néhány követendő lépés. Lépésről lépésre szóló utasítások, amelyek végigvezetik Önt a fájlok rendszerezésében, és biztosítják, hogy a tesztet a lehető legegyszerűbb és legpraktikusabb módon tudja teljes mértékben végrehajtani. 1. Az interfészek tervezése Minden a tervezéssel kezdődik. Minden tesztelés előtt a hangsúlyt, ahogy kell, minden egyes interfész tervezésére kell helyezni, amelyeket később tesztelni akarunk. Ebben a szakaszban még mindig nincs különösebb aggodalom a betűméret-növelési teszttel kapcsolatban, amelyet később fogunk végrehajtani. Természetesen minden interfész tervezésnek a kezdetektől fogva követnie kell a tervezésnél alkalmazott legalapvetőbb akadálymentesítési ajánlásokat.
2. Alkalmazza az automatikus elrendezést az összes elemre Minden létrehozott képernyőtervnél gondoskodnia kell arról, hogy az automatikus elrendezéseket tökéletesen alkalmazza. Ez egy nagyon fontos lépés. Ez az automatikus elrendezések következetes alkalmazása a teljes szerkezetre és a tervezési elemekre, amely később garantálja a felület méretezhetőségét, amikor elkezdjük tesztelni a betűméret növekedését. Ezt a lépést tényleg nem lehet alábecsülni. Ha nem fordítod rá a megérdemelt figyelmet, látni fogod, amikor teszteljük a tipográfiai skálázást a felületeken, minden összeomlik, mint az elefánt a porcelánboltban.
3. Szövegstílusok strukturálása és alkalmazása A betűméret-növelési teszt elvégzéséhez szükségünk lesz arra is, hogy szövegstílusokat alkalmazzon minden egyes felület kialakításához. Valószínűleg még rajzolás közben is elkezdte létrehozni őket. Nagy. Ha még nem tette meg, fontos, hogy most tegye meg. Ahhoz, hogy a teszt tökéletesen működjön, erre valóban szükségünk van. Ne hagyjon szöveges elemet a tervezésben szövegstílus alkalmazása nélkül.
4. Határozza meg a változók készletét 100%-ban Ez a teszt meglehetősen magas fokú optimalizálást kényszerít ki. A gyakorlatban ez azt jelenti, hogy Figma-változókat kell használnunk a felületen található szövegstílusok összes jellemzőjéhez. Ebben a szakaszban meg kell határoznia a Figma „szám” változóit legalább a rajzon alkalmazott szövegstílusok betűméretéhez és sormagasságához. Ezzel a lépéssel meghatározza a 100%-os vizualizációs modell, azaz a rajz kezdeti és referenciaverziójának betűméret-növelési skálaértékeit. Fontos, hogy ezeket a változókat a rajz minden szövegstílusához strukturálja, mert a későbbiekben figyelembe kell vennünk az egyes szövegelemek nagyítási léptékét.
5. Alkalmazza a változókat a szövegstílusokra Miután meghatározta a változókat a 100%-os léptékű szövegstílusokhoz, most alkalmaznia kell őketa már létrehozott szövegstílusok elemeire. Ne felejtsen el változókat alkalmazni legalább a betűméret és a sormagasság jellemzőinél. Ha több tipográfiai változója van, az rendben van. De legalább változókat kell alkalmazni a betűméretre és a sormagasságra. Ez valóban nagyon fontos.
6. Határozza meg a változókat a szöveg méretének növeléséhez Most, hogy a változókat alkalmazta a 100%-os léptékű szövegstílusokhoz, a következő lépés a többi betűméret-növelő skálához tartozó változók létrehozása. A gyakorlatban létre kell hozni azokat a változókat, amelyek megmondják a rendszernek, hogy az egyes szövegstílusok mekkora betűméretre nőnek, ha a növekedési skála 120%, 140%, 160% stb. A betűméret és a sormagasság értékének meghatározásához egyszerűen szorozza meg a kezdeti értéket a skála százalékával. Például, ha egy szövegstílus betűmérete 16 képpont, akkor a 120%-os skála mérete 16 lesz szorozva 1,2-vel, ami 19,2-t ad. Ismételje meg ezt a számítást a kiválasztott betűméret-növelési skála százalékos betűméretének és sormagasságának összes értékére. Azt is kiválaszthatja, hogy alkalmazza-e a kerekítést a végső értékekre. Ez egy hozzávetőleges teszt, ezért a kerekítésből adódó esetleges eltérések nem befolyásolják a teszteredmény végső megítélését.
7. Alkalmazzon változókat a különböző méretarányú verziókhoz Elérkezett az igazság pillanata. A következő lépés annak megértése, hogy minden működik-e, hogy a teszt tökéletesen lefusson. Ezért másolja át az eredeti felületet, és alkalmazza a változók készletét az Ön számára érthető betűméret-növelési arányok mindegyikéhez. Ismételje meg ezt a folyamatot az összes megadott betűméret-növelési százalékra. Javaslatként használhatja referenciaként a 120%, 140%, 160%, 180% és 200% növekedési százalékot. Ha egyszerűsíteni szeretne, csökkentheti a skálázási százalékok számát, amellyel dolgozik. Függetlenül attól, hogy hány százalékos értékkel dolgozik, mindig a minimum 100%-os és 200%-os skálákkal kell dolgoznia.
8. Határozza meg a fejlesztendő területeket Ha ugyanazon a képernyőn különböző betűméret-növelési skálákat alkalmaz, könnyen megérthető, hol lehet szükség a fejlesztésekre. Itt kezdődik az interfész tervezésében a betűméret növelésének igazi próbája és a legérdekesebb akadálymentesítési munka. A különböző képernyők elemzésekor tartson szem előtt néhány fontos szempontot:
Az a tény, hogy a szöveg gigantikusnak tűnik, nem probléma, és nem „rontja” a dizájnt. Ne feledje, hogy ez jelentheti a különbséget aközött, hogy valaki képes-e használni egy adott terméket vagy szolgáltatást, vagy sem. Hozzáférhetőségi probléma lép fel, ha a betűméret növelése lehetetlenné teszi a felhasználó számára bizonyos szövegek elolvasását vagy bizonyos vezérlők aktiválását. A már nagyon nagy szövegelemeknél előfordulhat, hogy nincs értelme a betűméret növelésének. Ezzel aránytalanná válhatnak azok az elemek, amelyek nem javítják az olvashatóságot (hiszen már jó méretűek), és teljesen felesleges helyet foglalnának el. Ha vannak olyan elemek, amelyek kiugranak a képernyőről, akkor az első lépés az automatikus elrendezés alkalmazásának megerősítése. Számos tervezési szempont könnyen megoldható az automatikus elrendezés megfelelő használatával. A betűméret-növekedés mértékétől függetlenül elengedhetetlen a tipográfia vizuális hierarchiájának megőrzése, mivel ez az olvashatóság fontos a képernyőn megjelenő különböző szintű információk észleléséhez. Ez a teszt segíthet azonosítani azokat az elemeket, amelyeket közvetlenül a kódban kell módosítani ahhoz, hogy egy adott növekedési skálán megfelelően működjenek. Nem mindent lehet csak tervezéssel megoldani, és ez teljesen rendben van. A hozzáférhetőség alapvetően csapatmunka.
9. Javítások és kiigazítások a tervezésen Végül a különböző szövegnagyítási léptékű képernyők alapján elvégezheti az értelmes tervezési változtatásokat. Néhány ilyen módosítás csak a kódban lehet szükséges. Ilyen esetekben dokumentálja ezeket a javaslatokat, és továbbítja a fejlesztőcsapatnak. Szintén döntő fontosságú annak megerősítése (ismét), hogy a tervezés során felmerülő problémák egy része gyorsan megoldható a tervezési folyamat során, az automatikus elrendezés tulajdonságainak egyszerű és helyes alkalmazásával.
10. Menjen vissza a kezdetekhez, és ismételje meg a folyamatot Ez egy ciklikus megközelítés. Ez azt jelenti, hogy a projekt során annyiszor kell megismételnie ezeket a lépéseket vagy azok változatait, ahányszor szükséges. Természetes, hogy idővel és a folyamatok optimalizálásával néhányezeknek a lépéseknek nincs értelme. Ez abszolút nem probléma. De a legfontosabb dolog, amit itt észre kell venni, az az, hogy az akadálymentesítést és a betűméret-növekedés tesztelésének folyamatát nem szabad csak egyszer elvégezni, és ennyi. Ez egy teszt, amelyet sokszor meg kell tenni az egyes projektek és csapatok napi munkája során.
A tervezési rendszerek szerepe Első pillantásra ez a lépéslista összetett gyakorlatnak tűnhet. De nem az. Ennek az az oka, hogy ezen lépések túlnyomó többsége, ha nem az összes, könnyen végrehajtható bármilyen környezetben, ahol létezik tervezőrendszer. Valójában a tervezési rendszerek megkerülhetetlen szabványokká váltak a terméktervező iparágban. Megbeszélhetjük, hogy az egyes csapatok mit neveznek tervezési rendszernek, de az igazság az, hogy ma nagyon nehéz olyan terméktervező csapatot találni, amely nem rendelkezik legalább minimálisan strukturált összetevők és stílusok könyvtárával.
Ezzel az alappal, függetlenül attól, hogy többé-kevésbé dokumentált, nagyon könnyű alkalmazni az ilyen típusú betűméret-növelési tesztet a Figma-változók használatával. Továbbá, ha a tervezési rendszere már rendelkezik például strukturált változókkal a világos és sötét módhoz, ez azt jelenti, hogy már pontosan ugyanazokat az elveket alkalmazza, mint amilyeneket a teszt elvégzéséhez használtunk. Szóval semmi új. A tervezési rendszerekkel végzett munka olyan szintű strukturálást és szervezést igényel, amely szintén nagyon hasznos az ilyen típusú tesztek elkészítéséhez. Van egy mítosz, hogy a tervezési rendszerek korlátozzák a kreativitást. Ez nem igaz. A tervezőrendszerek segítenek megoldani a tervezés „bürokratikus” részét, így valójában több időnk marad arra, ami számít: ebben az esetben az akadálymentesítés tesztelésére, és egyre több olyan termék és szolgáltatás elkészítésére, amely valóban a legtöbb ember számára elérhető. Példafájl Mindig könnyebb egy példát látni, mint egy folyamat leírását elolvasni. Ha ez igaz a tudás számos tudományágára, a tervezésre, akkor ennek az előfeltevésnek még több értelme van. Ezért ebben a szabadon közzétett és a közösség számára nyíltan elérhető Figma-fájlban gyakorlati példát találhat az itt leírt teljes tesztelési folyamatra. Ne feledje, hogy ez csak egy példa. Számtalan módja lehet az ilyen típusú tesztek egy Figma-fájl kontextusában történő végrehajtásának.
Feltétlenül nézze ezt a megközelítést kritikus szemmel. Ez egy javaslat a betűméret növelésének tesztelésére, amely egy adott folyamatot követ. Ennek ellenére a megközelítést a csapat konkrét valóságához, folyamataihoz és érettségi szintjéhez kell igazítani. A más csapatok képleteinek egyszerű másolása anélkül, hogy megértené, hogy a saját kontextusunkban értelmesek-e, biztos módja annak, hogy aránytalanná tegyük az akadálymentesítési erőfeszítéseket. Minden helyzet egyedi. Ez a megközelítés megpróbálja a lehető legnagyobb mértékben leegyszerűsíteni az akadálymentesítési munkát ebben a konkrét összefüggésben. És ne feledd: ha valami történik, akármilyen kicsi is, az előrelépés, nem pedig visszalépés. És ezt mindenkinek meg kell ünnepelnie a csapatban.