Zeven best practices voor inclusief productontwerp

Long Cheng | Pinterest Lead Designer, Core Experience

Bij Pinterest is onze missie om je te helpen ontdekken en doen waar je van houdt. We bouwen een product voor iedereen, omdat de beste Pinterest inclusief en gemakkelijk bruikbaar is voor mensen met alle niveaus van vaardigheden. Daarom delen we vandaag onze ervaringen en best practices die we het afgelopen jaar hebben ontwikkeld, terwijl we Pinterest opnieuw hebben ontworpen om beter toegankelijk te zijn voor mensen die blind en slechtziend zijn.

1. Verhoog de kleurcontrasten

Het Pinterest-productontwerpteam betwist de algemene veronderstelling dat kleuren die toegankelijk zijn niet zo mooi zijn. We hebben een kleurenpalet voor ons product gemaakt dat toegankelijk is met een contrastverhouding van 3,00: 1 en hoger.

Dus ongeacht of uw toegankelijkheidsfuncties zijn ingeschakeld, zijn teksten gemakkelijk te lezen wanneer ze tegen een gekleurde achtergrond worden geplaatst.

2. Gebruik een sterke typografische hiërarchie

Wij denken dat goede typografie de sleutel is tot een goed ontwerp. We zorgen ervoor dat typografische hiërarchie zinvol is zonder het gebruik van te veel verschillende grijstinten. We vertrouwen op een sterke type-indeling en bolding om een ​​betekenisvolle hiërarchie te creëren, zodat informatie in één oogopslag duidelijk is. We hebben ook ondersteuning ingeschakeld voor dynamische lettergroottes in al onze apps. Op deze manier kunt u de standaard toegankelijkheidsfunctie gebruiken om de tekstgrootte aan te passen aan wat het beste bij u past.

3. Zorg voor duidelijke focusindicatoren

Mensen met visuele en motorische beperkingen kunnen op Pinterest navigeren zonder muis of trackpad. We hebben focusindicatoren gemaakt die ongecompliceerd en duidelijk zijn voor alle Pinners, zodat u, ongeacht uw bekwaamheidsniveau, onze website of apps met duidelijkheid kunt gebruiken.

4. Vertrouw niet op kleuren

In al onze gebruikersstromen vertrouwen we op grijswaarden met slechts één duidelijke call-to-action kleur. Dit is geweldig voor mensen met kleurenblindheid, omdat we niet vertrouwen op kleuren om informatie aan te duiden. In plaats daarvan vertrouwen we op goed gebruik van typografische en ruimtelijke hiërarchie in onze gebruikersstromen om betekenis en informatiestructuur te creëren.

5. Gebruik SVG's

Vervang PNG's door SVG's zodat pictogrammen en UI-componenten helder en scherp worden wanneer u de ingebouwde zoomfunctie gebruikt die beschikbaar is op de meeste besturingssystemen en browsers. Hierdoor kunnen mensen met een verminderd gezichtsvermogen inzoomen en kleine dingen schoon en helder zien, ongeacht de pixeldichtheid en het zoompercentage.

6. Overweeg ondersteuning voor schermlezers

Via schermlezers kunnen blinden en slechtzienden gesproken feedback ontvangen. Voordat we aan dit project begonnen, hadden mensen met visuele beperkingen geen naadloze aanmeldervaring voor Pinterest, omdat onze aanmelding en nieuwe gebruikerservaring niet was geoptimaliseerd voor een schermlezer. Ze hadden ook problemen met het navigeren in onze app, van homefeed tot zoeken naar hun profiel. We hebben sindsdien belangrijke updates doorgevoerd zodat Pinterest volledig bruikbaar is met schermlezers.

7. Maak van toegankelijkheid een mentaliteit voor ingenieurs en ontwerpers

Het beste product is inclusief in elke fase van het ontwerp- en engineeringproces. Daarom hebben we een gloednieuwe UI-bibliotheek gemaakt met toegankelijke componenten die ingenieurs en ontwerpers kunnen gebruiken bij het bouwen en ontwerpen van Pinterest. Er zijn ook geautomatiseerde toegankelijkheidscontroles om ervoor te zorgen dat we duidelijk gelabelde pictogrammen en componenten voor nieuwe functies hebben.

Met deze best practices blijven we Pinterest inclusiever maken voor iedereen. We hebben aanzienlijke vooruitgang geboekt bij het updaten van onze iOS- en webplatforms om te voldoen aan de meeste toegankelijkheidsnormen en we werken eraan deze wijzigingen geleidelijk aan Android door te voeren. Laat het ons weten als je het hebt ontvangen.

Dankbetuigingen: Scott Andreae, Julia Cochran, Chris Lloyd, Rahul Malik, Shira Netter, Mallika Potter, Mara Sohn, Christian Vuerings, Alice Yuan, Joey Zingarelli, Linnea Zulch en de rest van de Accessibility Working Group op Pinterest.