Inleiding

Het creëren van toegankelijke iOS-apps is niet alleen een goede praktijk.Het is een fundamentele vereiste om een zo breed mogelijk publiek te bereiken. Meer dan een miljard mensen wereldwijd leven met een of andere vorm van handicap, en velen van hen vertrouwen op ondersteunende technologieën zoals VoiceOver, Switch Control en Dynamic Type om te communiceren met mobiele toepassingen. De iOS Toegankelijkheidsinspecteur, die rechtstreeks is ingebouwd in Xcode, geeft ontwikkelaars een systematische manier om hun apps te controleren voor toegankelijkheidsproblemen vroeg in het ontwikkelingsproces. Door te simuleren hoe gebruikers met visuele, motorische, gehoor- of cognitieve stoornissen een app ervaren, helpt de inspecteur u problemen te vangen voordat ze de productie bereiken. Deze uitgebreide gids loopt u door alles wat u moet weten over het gebruik van de iOS Toegankelijkheidsinspecteur om de bruikbaarheid te verbeteren, van setup en navigatie tot het herstellen en continu testen.

Wat is de iOS Toegankelijkheidsinspecteur?

De iOS Toegankelijkheid Inspector is een testtool die wordt geleverd met Xcode, Apple. Het biedt een realtime grafische interface voor het onderzoeken van de toegankelijkheid eigenschappen van elk UI element in uw app. In tegenstelling tot geautomatiseerde linting tools die code controleren op ontbrekende labels, de Toegankelijkheid Inspector kunt u communiceren met uw live app op een apparaat of simulator terwijl het inspecteren hoe ondersteunende technologieën zoals VoiceOver waarnemen elk element.

De inspecteur maakt kritische attributen zoals toegankelijkheidslabel, eigenschap, hint, waarde en frame. Het geeft ook aan of een element is gericht door VoiceOver, of het ondersteunt meerdere toegankelijkheidselementen, en of het correct is geconfigureerd voor Switch Control navigatie. Bovendien bevat het gereedschap een Audit functie die uw huidige scherm scant voor algemene toegankelijkheidsovertredingen, zoals onvoldoende contrast, ontbrekende labels of ongetagged afbeeldingen. Deze combinatie van handmatige inspectie en geautomatiseerde controles maakt de Toegankelijkheidsinspecteur een essentieel onderdeel van een iOS-ontwikkelaars toolkit.

Apple werkt de inspecteur voortdurend bij om nieuwe iOS-toegankelijkheidsfuncties te ondersteunen, waaronder Dynamic Type, verminderde beweging en gedurfde tekstvoorkeuren. Door de inspecteur te integreren in uw reguliere workflow, zorgt u ervoor dat uw app compatibel blijft met de nieuwste ondersteunende technologieën en voldoet aan veranderende toegankelijkheidsnormen zoals de Web Content Accessibility Guidelines (WCAG) 2.1.

Hoe de toegankelijkheidsinspecteur instellen en lanceren

Om met de toegankelijkheidsinspecteur te beginnen, is een macOS-machine met Xcode nodig. Volg deze stappen om het gereedschap te starten en bereid je voor op testen:

  1. Open je project in Xcode en bouw het op naar een aangesloten iOS-apparaat of een simulator. De inspecteur werkt het beste op een fysiek apparaat, maar de simulator biedt een nauwe benadering.
  2. Navigeer naar Xcode > Open Ontwikkelaarhulpmiddel > Toegankelijkheidsinspecteur. Als alternatief kunt u de sneltoets Cmd + F6 gebruiken als u deze toegewezen heeft.
  3. In het venster Toegankelijkheidsinspecteur selecteert u uw doelapparaat of -simulator uit het dropdownmenu in de bovenste werkbalk. De inspecteur zal automatisch verbinding maken.
  4. Eenmaal aangesloten, ziet u de hoofdinterface van de inspecteur: een live snapshot (of live view) van uw app . s scherm aan de linkerkant, en een gedetailleerde eigendom inspecteur aan de rechterkant.

De inspecteur draait als een standalone applicatie, wat betekent dat u deze open kunt houden naast Xcode en uw app. Als u door verschillende schermen navigeert, wordt de inspecteur in real time bijgewerkt, met de toegankelijkheidshiërarchie van de huidige weergave. U kunt op elk element in de live-weergave klikken om de toegankelijkheidseigenschappen weer te geven.

Toegankelijkheidsinstellingen simuleren

Een cruciaal aspect van de inspecteur is de mogelijkheid om verschillende toegankelijkheidsinstellingen te simuleren die gebruikers op hun apparaten kunnen inschakelen. Klik op het Instellingen pictogram in de werkbalk om te schakelen op VoiceOver, Verhoog Contrast, Verminder Beweging, On/Off Labels, Knopvormingen, en meer. Dit stelt u in staat om precies te zien hoe uw app zich aanpast of niet aan elke instelling aanpast. Bijvoorbeeld, VoiceOver in de simulator zal visueel het gerichte element markeren en het label lezen; u kunt controleren of de gesproken tekst overeenkomt met de inhoud op het scherm en dat navigatiestroom logisch is.

Kernkenmerken van de toegankelijkheidsinspecteur

De inspecteur is meer dan een woning viewer. Het biedt verschillende verschillende functies die u helpen systematisch verbeteren van uw app toegankelijkheid.

1. Inspecteur element

De element inspecteur toont alle toegankelijkheidseigenschappen voor het geselecteerde UI element. Belangrijke velden zijn:

  • Label: Een korte, beschrijvende tekst gelezen door VoiceOver. Zou zo mogelijk moeten overeenkomen met het zichtbare label.
  • Value: De huidige staat van een controle (bv. . .50% . voor een volume schuifregelaar).
  • Trait: Beschrijft het gedrag van het element .. (bijv., .Button, .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
  • Hint: Aanvullende instructies (bijv., .Double-tap om het menu te openen). Gebruik de hints spaarzaam; vertrouw eerst op duidelijke etiketten en eigenschappen.
  • Frame: De aangebonden rechthoek van het element, die u helpt controleren touch targets zijn groot genoeg (ten minste 44×44 punten).
  • Toegankelijkheid ingeschakeld: Geeft aan of het element kan worden gefocust door ondersteunende technologieën.

De inspecteur benadrukt ook misconfigured elements met rode badges. Bijvoorbeeld, een afbeelding zonder toegankelijk label zal

2. Audit

De Audit functie voert een statische analyse van het huidige scherm en geeft een overzicht van alle gedetecteerde toegankelijkheidsovertredingen.

  • Ontbrekende of niet-beschrijvende labels op afbeeldingen en knoppen.
  • Onvoldoende kleurcontrast tussen tekst en achtergrond.
  • Elementen die te klein zijn om comfortabel te tikken.
  • Niet ondersteunde toegankelijkheidskenmerken.
  • Elementen die verkeerd zijn gemarkeerd als toegankelijkheidselementen of verborgen zijn voor ondersteunende technologieën.

Elk probleem omvat een ernstniveau (Info, Waarschuwing, of Fout) en een link naar het relevante element. Door een audit uit te voeren na elke belangrijke UI-verandering, vangt u regressies snel.

3. Instellingen Simulatie

We hebben dit eerder besproken, maar het verdient een speciale vermelding. Het Instellingen paneel laat u schakelen:

  • VoiceOver
  • Switch Control .. benadrukt scanvolg- en selectiegebieden.
  • Verhoog Contrast . . . test leesbaarheid met verminderde transparantie.
  • Beweging verminderen .. schakelt parallax en animaties uit.
  • On/Off-labels
  • Knoopvorm .. onderstreept tekstknoppen om ze zichtbaarder te maken.
  • Bold Text

Praktische doorloop: een voorbeeldscherm testen

Stel dat u een aanmeldscherm met een gebruikersnaam tekstveld, een wachtwoord tekst veld, een

  1. Start de app in de simulator en open het aanmeldscherm.
  2. Open de Toegankelijkheidsinspecteur en selecteer uw simulator.
  3. Klik op het tekstveld met de gebruikersnaam in de liveweergave. De inspecteur moet zijn label tonen als
  4. Controleer de eigenschap voor elk veld. Voor een tekstveld moet de eigenschap Zoekveld zijn of gewoon als standaard gelaten worden. Voor de Aanmeldknop moet de eigenschap Knop zijn.
  5. Selecteer de
  6. Voer de Audit uit door op de knop Audit te klikken (een vinkje). De inspecteur zal het scherm scannen en eventuele problemen melden. Veel voorkomende bevindingen zijn ontbrekende labels op pictogrammen of onvoldoende contrast voor plaatshoudertekst.
  7. Repareer de problemen in uw code, herbouw en hercontrole totdat het scherm met nul fouten passeert.
  8. Ten slotte, laat VoiceOver in de instellingen van de inspecteur . en navigeren door het scherm met behulp van het toetsenbord (Tab om te focussen, Space te activeren). Controleer of VoiceOver leest de velden in een logische volgorde en dat de hints, indien aanwezig, zijn nuttig.

Gemeenschappelijke toegankelijkheidskwesties en hoe ze te repareren

Door consequent gebruik van de Toegankelijkheid Inspecteur, ontmoet u terugkerende patronen. Hieronder zijn enkele van de meest voorkomende problemen en hun remedies.

Ontbrekende of misleidende etiketten

Afbeeldingen, knoppen en aangepaste bedieningen ontbreken vaak een beschrijvend label. Altijd ingesteld op interactieve elementen. Voor decoratieve afbeeldingen, markeer ze als of de vink

Onjuiste eigenschappen

Als een knop niet de -trek -trek heeft, mag VoiceOver het niet als tapbaar aankondigen. Op dezelfde manier moet een tabelrij de -trek - of -trektekst[] hebben, afhankelijk van of het tikken een actie uitvoert. Gebruik de inspecteur om alle interactieve elementen te bevestigen die de juiste eigenschap dragen. Gebruik voor schuifregelaars ]]]-aanpasbaar en implementeer en of . De controlefunctie is specifiek vlaggen die onder de aanbevolen grootte vallen.

Slechte kleurcontrast

De inspecteur . Audit kan onvoldoende contrast tussen tekst en achtergrond detecteren. Echter, het is gebaseerd op de contrastverhouding berekening gedefinieerd in WCAG 2.1. Voor tekst kleiner dan 18 punten, de minimale contrast verhouding is 4.5:1; voor grotere tekst, 3:1 is aanvaardbaar. Gebruik de inspecteur . contrast waarschuwing als een gids, dan pas uw kleuren dienovereenkomstig. Vermijd het vertrouwen alleen op kleur om informatie over te brengen; altijd pictogrammen of tekst labels bevatten.

VoiceOver Navigatievolgorde

De hiërarchie van het element van de inspecteur toont de volgorde waarin VoiceOver door elementen beweegt. Zorg ervoor dat de volgorde de visuele lay-out volgt (links-naar-rechts, boven-naar-onder). Als de volgorde onjuist is, pas de array aan of wijzig het element . [[FLT:]] om VoiceOver te leiden. U kunt ook ] instellen op het weergavescherm van de container om de navigatie te verbeteren.

Het integreren van toegankelijkheidstesten in uw workflow

Met de toegankelijkheidsinspecteur handmatig is effectief, maar om consistente kwaliteit te bereiken, moet u toegankelijkheidscontroles integreren in uw ontwikkelingspijplijn.

Menselijke tests

Terwijl geautomatiseerde tools veel problemen opvangen, kunnen ze de genuanceerde ervaring van een echte gebruiker niet repliceren. Plan periodieke sessies waar teamleden met of zonder handicap de app testen met behulp van VoiceOver, Switch Control en andere ondersteunende technologieën. De toegankelijkheidsinspecteur helpt u zich voor te bereiden op deze sessies door het eerst zichtbare problemen te overwinnen.

Geautomatiseerde testen met XCTest en XCUITest

De functie Toegankelijkheid Inspecteur . Audit kan programmatisch worden aangeroepen in uw UI-tests. Apple biedt de (in privé API's), maar u kunt ook XCUITest gebruiken om toegankelijkheidselementen te query en hun eigenschappen te bevestigen. Bijvoorbeeld:

let button = app.buttons["Sign In"]
XCTAssertTrue(button.exists)
XCTAssertEqual(button.label, "Sign In")

Dit zorgt ervoor dat het toegankelijkheidslabel correct is ingesteld op basis van bouwstenen. Combineer deze beweringen met visuele regressietests om hoge normen te handhaven.

CI/CD integratie

U kunt de audit van de toegankelijkheidscontrole uitvoeren als onderdeel van een commandoregeltool door gebruik te maken van het subcommando in (beschikbaar in Xcode 14+). Voeg een stap toe in uw script voor continue integratie dat de opbouw niet lukt als auditfouten een drempel overschrijden. Bijvoorbeeld:

xcodebuild -project MyApp.xcodeproj -scheme MyApp -destination 'name=iPhone 14' test-without-building accessibility:audit

Dit houdt toegankelijkheidskwaliteit gegated voordat u pull verzoeken mergen.

Voorbij de inspecteur: Aanvullende hulpmiddelen

De Toegankelijkheidsinspecteur is uw belangrijkste hulpmiddel, maar het werkt het beste samen met anderen:

  • VoiceOver gebarensimulator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
  • Xcode Toegankelijkheidscontrole (achterhaald)
  • Kleur Contrast Analyzer . . . een standalone macOS-app om contrastverhoudingen nauwkeuriger te controleren.
  • Dynamic Type preview

Apple

Voordelen van het tot prioriteit maken van toegankelijkheid

Investeren in toegankelijkheid levert zowel voor gebruikers als voor uw bedrijf directe rendementen op:

  • Uitgebreide gebruikersbasis: Ongeveer 15% van de wereldbevolking ervaart een vorm van handicap. Ontbrekende toegankelijkheidsfuncties vergrendelen effectief een significant publiek.
  • Verbeterde bruikbaarheid voor iedereen: Eigenschappen zoals duidelijke labels, grote tikdoelen en goed contrast zijn gunstig voor alle gebruikers, vooral in uitdagende contexten zoals fel zonlicht of een handig gebruik.
  • Rechtsnaleving: Veel landen hebben wetten uitgevaardigd die digitale toegankelijkheid vereisen (bv. de Amerikaanse wet op gehandicapten, de Europese wet op toegankelijkheid). Proactieve tests verminderen het risico op geschillen.
  • Betere beoordelingen App Store: Gebruikers die vertrouwen op ondersteunende technologieën zijn vocaal over apps die werken of niet. Positieve beoordelingen van de toegankelijkheid gemeenschap kan uw apps rating te verhogen.
  • Ontwikkelingsefficiëntie: Het oplossen van toegankelijkheidsproblemen tijdens de ontwikkeling is exponentieel goedkoper dan het aanpassen ervan na de lancering. De Toegankelijkheidsinspecteur maakt problemen vroegtijdig, en bespaart tijd en herwerk.

Conclusie

De iOS Toegankelijkheid Inspector is een krachtige maar onderbenutte tool die elke iOS-ontwikkelaar moet opnemen in hun dagelijkse workflow. Door het gebruik van het element inspecteur, het uitvoeren van regelmatige audits, en het simuleren van ondersteunende technologie-instellingen, kunt u barrières die voorkomen dat miljoenen gebruikers volledig in te schakelen met uw app identificeren en oplossen. Toegankelijkheid is niet een checklist om te voltooien voordat release . Het is een voortdurende inzet voor inclusie en kwaliteit . Begin vandaag door de inspecteur te openen op uw meest recente scherm , het uitvoeren van een audit , en het vaststellen van de problemen die het vindt . Uw gebruikers .