Richtung Accessibilitéit

Richtung Accessibilitéit

Freideg ass d'Enn vum Aarbechtsdag. Schlecht Nouvelle kënnt ëmmer um Enn vum Aarbechtsdag um Freideg.

Dir sidd amgaang de Büro ze verloossen, en neie Bréif iwwer eng aner Reorganisatioun ass just an der Mail ukomm.

Merci xxxx, yyy ab haut mellt dir zzzz
...
An dem Hugh säin Team wäert suergen datt eis Produkter fir Leit mat Behënnerungen zougänglech sinn.

Oh nee! Firwat hunn ech dat verdéngt? Wëllt se mech verloossen? Setzt Iech op fir ondankbar haart Aarbecht a probéiert d'Feeler vun anere Leit ze korrigéieren. Dëst ass definitiv e Feeler ...

Dëst war d'Disponibilitéit virun e puer Joer. E puer aarm Séilen kruten d'Aarbecht fir d'UI ze "botzen" fir ze probéieren et fir Leit mat Behënnerungen zougänglech ze maachen.

Wat dëst eigentlech bedeit war zimlech vague - viraussiichtlech wann Dir e Fokusindikator an Tab duerch Felder kéint gesinn, e puer Alt-Text an e puer Feldbeschreiwungen hunn, géif et ugesi ginn datt Är Uwendung zougänglech ass ...

Awer op eemol hunn d'"Bugs" ugefaang mat der Geschwindegkeet vun enger Lawin ze multiplizéieren.

Verschidden Écran Lieser (Englesch Screen Readers) a Browser hu sech ganz anescht beholl.

D'Benotzer hu beschwéiert datt d'App net benotzbar ass.

Soubal e Feeler op enger Plaz korrigéiert gouf, koum en aneren op enger anerer Plaz.

An einfach änneren a korrigéieren User Interface Feeler verlaangt Herculean Efforten .

Ech war do. Ech hunn iwwerlieft, awer mir hunn net "gelongen" - technesch hu mir vill gebotzt, vill Feldbeschreiwungen, Rollen bäigefüügt an e gewëssen Niveau vun der Konformitéit erreecht, awer keen war frou. D'Benotzer hunn ëmmer nach beschwéiert datt se d'Applikatioun net konnten navigéieren. De Manager huet sech nach iwwer de konstante Stroum vu Feeler beschwéiert. Ingenieuren hu beschwéiert datt de Problem falsch gestallt gouf, ouni kloer definéiert "korrekt" Léisung déi an alle Fäll funktionnéiert.

Et waren e puer entscheedend Aen-Ouverture Momenter laanscht meng Rees fir Accessibilitéit ze verstoen.
Vläicht war déi éischt d'Realiséierung datt d'Accessibilitéitsfunktionalitéit uewen op engem fäerdege Produkt bäidroe schwéier war. An et ass nach méi schwéier Manager ze iwwerzeegen datt et onheemlech schwéier ass! Nee, et ass net nëmmen "e puer Tags derbäi" an d'UI funktionnéiert gutt. Nee, dëst kann net an dräi Wochen ofgeschloss ginn, och dräi Méint wäerten net duergoen.
Mäin nächste Moment vun der Wourecht ass komm, wéi ech aus der éischter Hand gesinn hunn wéi blann Benotzer tatsächlech eis App benotzt hunn. Dëst ass SOU anescht wéi d'Fehlermeldungen kucken.

Ech kommen ëmmer erëm dorop zréck, awer bal all eis "Annahmen" iwwer wéi d'Leit eis App benotzt hunn ware falsch.

Navigéiert eng komplex User-Interface mat Tastekombinatiounen Tab/Shift+Tab - dat suckt! Mir brauchen eppes Besseres. Tastatur Ofkiirzungen, Header.

De Fokus ze verléieren wann Dir d'UI änneren ass kee grousse Problem, oder? Loosst eis nach eng Kéier denken - dëst ass onheemlech konfus.

Ech sinn weider gaang, eng Zäit laang un verschiddene Projete geschafft, an dunn hu mir en neie Projet ugefaang, mat engem komplexe User-Interface an enger kloerer Installatioun, fir dës Kéier endlech d'Accessibilitéit richteg ze kréien.

Also hu mir e Schrëtt zréck gaang a gekuckt wéi mir dat anescht kënne implementéieren an erfollegräich sinn, an de Prozess manner langweileg maachen!

Ganz séier si mer zu e puer Conclusiounen komm:

  1. Mir wollten net datt d'Leit d'Benotzerinterface entwéckelen fir mat Aria-Etiketten / Rollen ze messen an natierlech d'HTML-Struktur vun de Komponenten. Mir mussen hinnen déi richteg Komponenten ubidden, déi d'Accessibilitéit direkt aus der Këscht gebaut hunn.
  2. Accessibilitéit == Einfach ze benotzen – d.h. Dëst ass net nëmmen eng technesch Erausfuerderung. Mir mussen de ganzen Designprozess änneren an dofir suergen datt Accessibilitéit berücksichtegt an diskutéiert gouf ier den UI Design ugefaang huet. Dir musst fréi nodenken wéi d'Benotzer all Funktionalitéit entdecken, wéi se navigéieren, a wéi riets-klickt vun der Tastatur funktionnéiert. Accessibilitéit soll en integralen Deel vum Designprozess sinn - fir e puer Benotzer ass et vill méi wéi just d'Erscheinung vun der Applikatioun.
  3. Vun Ufank u wollte mir Feedback vu blannem an anere behënnerte Benotzer iwwer d'Benotzungsfäegkeet vun der Applikatioun kréien.
  4. Mir brauche wierklech gutt Weeër fir Accessibilitéitsregressiounen ze fangen.

Gutt, aus enger technescher Siicht huet den éischten Deel ganz lëschteg geklongen - eng Architektur entwéckelen an eng Bibliothéik vu Komponenten ëmzesetzen. An zwar war et esou.

E Schrëtt zréck, kuckt ARIA Beispiller an andeems mir dëst als Designproblem anstatt e "passende" Problem denken, hu mir e puer Abstraktiounen agefouert. E Komponent huet eng 'Struktur' (besteet aus HTML Elementer) an e 'Behaviour' (wéi et mam Benotzer interagéiert). Zum Beispill, an den Ausschnëtter hei drënner hu mir eng einfach net bestallt Lëscht. Andeems Dir "Behuelen" derbäigesat ginn déi entspriechend Rollen op d'Lëscht bäigefüügt fir datt se wéi eng Lëscht handelen. Mir maachen datselwecht fir de Menü.

Richtung Accessibilitéit

Tatsächlech ginn net nëmmen Rollen hei bäigefüügt, awer och Eventhandtere fir Tastaturnavigatioun.

Dëst gesäit méi ordentlech aus. Wa mir eng propper Trennung tëscht hinnen kréie kënnen, wier et egal wéi d'Struktur geschaf gouf, mir kéinte Behaviours drop asetzen an d'Accessibilitéit richteg kréien.

Dir kënnt dat an Aktioun gesinn um https://stardust-ui.github.io/react/ - UX Bibliothéik reagéieren, déi vun Ufank un mat Accessibilitéit am Kapp entworf an ëmgesat gëtt.

Den zweeten Deel - d'Approche an d'Prozesser ronderëm den Design z'änneren huet mech ufanks erschreckt: niddereg Ingenieuren, déi duerch organisatoresch Verännerung probéieren duerchzedrécken, enden net ëmmer gutt, awer et huet sech erausgestallt als ee vun den interessantsten Beräicher wou mir bedeitend Bäiträg zum Prozess gemaach hunn . An enger Nossschuel, eise Prozess war wéi follegt: nei Funktionalitéit géif vun engem Team entwéckelt ginn, da géif eis Leadership Team d'Propositioun iwwerpréiwen/iteréieren, an dann, eemol guttgeheescht, den Design géif typesch un d'Ingenieurteam iwwerginn ginn. An dësem Fall huet d'Ingenieurteam effektiv d'Accessibilitéitsfunktionalitéit "besëtzt" well et hir Verantwortung war fir all Themen déi domat verbonne sinn ze fixéieren.

Am Ufank war et eng zimlech schwiereg Aarbecht ze erklären, datt Accessibilitéit an Usability onloschterlech matenee verbonne sinn an datt dat an der Designphase misst gemaach ginn, soss géif et zu grousse Changementer an Neidefinitioune vu verschiddene Rollen féieren. Wéi och ëmmer, mat der Ënnerstëtzung vun der Gestioun a Schlësselspiller, hu mir d'Iddi geholl an se a Bewegung gesat sou datt Designs fir Accessibilitéit an Usability getest goufen ier se dem Management presentéiert goufen.

An dëse Feedback war extrem wäertvoll fir jiddereen - et war fantastesch als Übung am Wëssensdeelen / Kommunikatioun iwwer wéi d'Benotzer mat Webapplikatiounen interagéieren, mir hunn vill UI Problemberäicher identifizéiert ier se gebaut goufen, d'Entwécklungsteams hunn elo vill besser Spezifikatioune vun net nëmmen visuell, awer och Verhalensaspekter vum Design. Real Diskussiounen si lëschteg, energesch, passionéiert Diskussiounen iwwer technesch Aspekter an Interaktiounen.

Mir kéinten dat nach besser maachen wa mir blann a behënnert Benotzer bei dësen (oder spéider) Reuniounen hätten - dëst war schwéier ze organiséieren, awer mir schaffen elo mat lokalen blann Organisatiounen a Firmen, déi extern Tester ubidden fir den Ausféierungsfloss fréi ze verifizéieren Entwécklung - souwuel um Komponent an Ausféierung Flux Niveauen.

Ingenieuren hunn elo zimmlech detailléiert Spezifikatioune, verfügbar Komponenten déi se benotze kënne fir ëmzesetzen, an e Wee fir den Ausféierungsfloss ze validéieren. En Deel vun deem wat d'Erfahrung eis geléiert huet ass dat wat mir déi ganzen Zäit vermësst hunn - wéi mir d'Regressioun kënne stoppen. Och d'Leit kënnen Integratioun oder End-to-End Tester benotze fir Funktionalitéit ze testen, déi mir brauchen fir Ännerungen an Interaktiounen an Ausféierungsfloss z'entdecken - souwuel visuell wéi och Verhalensweis.

D'Bestëmmung vun der visueller Regressioun ass eng zimlech definéiert Aufgab, et ass ganz wéineg wat zum Prozess bäigefüügt ka ginn ausser vläicht ze kontrolléieren ob de Fokus sichtbar ass wann Dir mat der Tastatur navigéiert. Méi interessant sinn zwou relativ nei Technologien fir mat Accessibilitéit ze schaffen.

  1. Accessibilitéit Abléck ass eng Rei vun Tools déi souwuel am Browser wéi och als Deel vum Bau-/Testzyklus kënne lafen fir Probleemer z'identifizéieren.
  2. Verifizéieren datt Écran Lieser richteg funktionnéieren war eng besonnesch Erausfuerderung Aufgab. Mat der Aféierung vun Zougang zu Accessibilitéit DOM, mir kënnen endlech Accessibilitéit Snapshots vun der App maachen, sou wéi mir fir visuell Tester maachen, a se fir Regressioun testen.

Also, am zweeten Deel vun der Geschicht - mir sinn vum HTML Code änneren fir op engem méi héijen Abstraktiounsniveau ze schaffen, den Design Entwécklungsprozess geännert an grëndlech Tester agefouert. Nei Prozesser, nei Technologien an nei Abstraktiounsniveauen hunn d'Landschaft vun der Accessibilitéit komplett geännert a wat et heescht an dësem Raum ze schaffen.
Awer dëst ass just den Ufank.

Déi nächst "Verständnis" ass datt blann Benotzer déi modernste Technologie fueren - si sinn déi, déi am meeschte profitéieren net nëmmen vun den Ännerungen, déi mir virdru beschriwwen hunn, awer och datt nei Approchen an Iddien duerch ML / AI méiglech gemaach ginn. Zum Beispill, Immersive Reader Technologie erlaabt d'Benotzer Text méi einfach a kloer ze presentéieren. Et kann haart gelies ginn, d'Sazstruktur ass grammatesch opgedeelt, a souguer Wuertbedeitunge gi grafesch ugewisen. Dëst passt guer net an déi al "machen et accessibel" Mentalitéit - et ass eng Benotzerfrëndlechkeet Feature déi jidderengem hëlleft.

ML / AI erméiglecht ganz nei Weeër fir ze interagéieren an ze schaffen, a mir si begeeschtert Deel vun den nächsten Etappe vun dëser fortgeschratt Rees ze sinn. D'Innovatioun gëtt duerch e Changement am Denken gedriwwen - d'Mënschheet existéiert zanter Joerdausend, Maschinnen fir Honnerte vu Joer, Websäite fir e puer Joerzéngte, a Smartphones nach manner, d'Technologie muss sech un d'Leit upassen, an net vice versa.

P.S. Den Artikel gouf mat klengen Ofwäichunge vum Original iwwersat. Als Co-Auteur vun dësem Artikel, Ech ausgemaach op dës digressions mam Hugh.

Nëmme registréiert Benotzer kënnen un der Ëmfro deelhuelen. Umellen, wann ech glift.

Opgepasst Dir op d'Accessibilitéit vun Ären Uwendungen?

  • datt

  • Nee

  • Dëst ass déi éischte Kéier datt ech iwwer App Accessibilitéit héieren hunn.

17 Benotzer hunn gestëmmt. 5 Benotzer hu sech enthalen.

Source: will.com

Setzt e Commentaire