Ondersteunt Dynamische Type

axe.configuration.optInToSupportsDynamicType = true

Tekstelementen moeten de vereiste eigenschappen hebben om Dynamische Type te ondersteunen en de tekst aan te passen aan de voorkeur van het apparaat van de gebruiker.

Deze regel handhaaft een Deque Best Practice. Je kunt deze regel uitschakelen in het Mobiele Dashboard of door de regel te negeren in tests geschreven voor iOS.

Leer hoe je regels uitschakelt vanaf het Mobiele Dashboard.

Impact

Mensen met een beperkt zicht worden het meest beïnvloed door tekst die niet kan worden vergroot. Dynamische Type is een hulpmiddeltechnologie die de eindgebruiker toestaat het lettertype apparaatbreed te wijzigen voor gemakkelijker lezen.

Bevestiging

1. Navigeer naar het scherm met tekst en observeer de huidige lettergrootte en lay-out
2. Vergroot de lettergrootte door de instelling voor Dynamische Type te wijzigen:
   • Bij gebruik van een simulator:
     1. Open de Toegankelijkheidsinspecteur
     2. In de linkerbovenhoek van de inspecteur wijzig je het apparaat van je Mac naar de iOS-simulator
     3. Selecteer de knop „Instellingen“ in de rechterbovenhoek van de inspecteur
     4. Onder „Lettergrootte“ verschuif je de schuifregelaar naar een grotere instelling
   • Bij gebruik van een iOS 13.0+ apparaat:
     1. Open Instellingen
     2. Selecteer „Toegankelijkheid“
     3. Selecteer „Weergave en tekstgrootte“
     4. Selecteer „Grotere tekst“
     5. Verplaats de schuifregelaar onderaan de pagina naar een grotere instelling
3. Navigeer terug naar je app en bekijk hetzelfde scherm
   • Niet toegankelijk: De tekst veranderde niet van grootte na het bijwerken van de instelling voor Dynamische Type.
   • Toegankelijk: De tekst veranderde wel van grootte.

Hoe te repareren

Een probleem dat door deze regel wordt gevonden, treedt op wanneer weergaven de instellingen voor Dynamische Type niet ondersteunen.

UIKit

Lees meer over ondersteuning van Dynamische Type in UIKit hier.

SwiftUI

In iOS 14 of hoger kun je Dynamische Type ondersteunen:

• Bij gebruik van een aangepast lettertype, stel je de .font eigenschap in op .custom(_:size:relativeTo:) om ervoor te zorgen dat lettertypen relatief schalen naar de lettertypestijl van het tekstelement.
• Bij gebruik van een standaardlettertype per grootte zal de tekst automatisch schalen, maar als er geen lettertypestijl is ingesteld, zullen tekstelementen niet schalen volgens hun stijl. Bijvoorbeeld, tekst die fungeert als titel schaalt anders dan tekst die dient als brontekst - naarmate de tekst groter wordt, zal de titeltekst altijd groter zijn dan de brontekst. Voor de beste ervaring, zorg ervoor dat de lettertypestijl overeenkomt met het verwachte gedrag van het element. Door een modificator zoals: .font(.system(.largeTitle, design: .rounded)), kun je verwachten dat de tekst de grootste tekst op de pagina is en dient als een correcte titel.

React Native

Zorg ervoor dat elk tekstelement's allowFontScaling eigenschap is ingesteld op true om tekst aan te passen aan de voorkeuren van de gebruiker voor apparaatinstellingen.

<Text style={{ color: 'black', fontSize: 18 }} allowFontScaling={true}> This text allows font scaling. </Text>