Ik los de contrastfouten op je shopify winkel op voor WCAG toegankelijkheid


Over deze dienst
Automatische vertaling
De meeste winkels die ik scan, komen terug met vage tekst die op de knop zit die je het meest moet aanklikken. Je betaalt al voor een accessibility widget en het blijft toch falen? Daarom. Het zit bovenop, de kleuren eronder veranderen nooit. Dus stuur ik je de oplossing.
Je krijgt een CSS-patch die is opgebouwd uit je eigen live pagina's. Elke kleur wordt berekend op basis van de kleur die je al gebruikt, en wordt aangepast naar de dichtstbijzijnde waarde die voldoet aan WCAG 2.1 AA. Je #ff6128 link op #f7f4f2 leest 2.74 op 1 en faalt. Het wordt #c0491e op 4.55 en slaagt. Zelfde tint, gewoon leesbaar.
Je plakt één bestand in je thema. Ik heb nooit toegang tot je admin login en ik raak nooit je live winkel aan, dus ik kan niets breken.
En je krijgt cijfers. Ik scan, pas de patch toe, scan opnieuw, en stuur beide tellingen. Op één echte winkel waren dat 56 fouten die teruggebracht werden naar 5.
Wat het niet doet, vooraf: het kan geen alt-tekst verzinnen of bepalen waarvoor een onlabelde formulier veld dient. Die komen terug als een handmatige lijst, elk element met naam.
Dus ik controleer eerst. Meestal contrast, de patch doet echt werk. Vaak ontbreken labels, dat zeg ik en je zou dit niet moeten kopen.
Geen overlay. Geen widget. Geen compliance certificaat. Alleen minder kapotte dingen, geteld.
Stuur je store URL.
Respecteer de rechten van derden
Let erop dat het tegen het beleid van Fiverr voor freelancers is om thema's, templates of andere elementen in het geleverde werk op te nemen die inbreuk maken op de rechten van derden of toepasselijke wetten. Lees er meer over in onze Gids voor verantwoorde digitale creatie.
Maak kennis met Cleave
Shopify WCAG Accessibility Fixes and Private Local AI Setup
- Afkomstig uitVerenigde Staten
- Lid sindsjul 2023
Talen
Engels
Automatische vertaling
Veelgestelde vragen
Automatische vertaling
Heeft u toegang nodig tot mijn winkel?
Nee. Nooit. Ik lees je openbare pagina’s op dezelfde manier als de browser van een klant dat doet.
Zorgt dit ervoor dat mijn website ADA-conform wordt?
Nee, en wees voorzichtig met iedereen die zegt dat het wel kan. Een scan vindt echte fouten en vertelt je hoe je ze kunt oplossen. Naleving is een juridische kwestie, geen software-uitvoer.
Wat als mijn site al in orde is?
Dan vertel ik je dat. Het gebeurt. Ik zeg dat liever dan dat ik iets verzin.
Is dit een overlay of een widget?
Nee. Een overlay ligt bovenop de voltooide pagina. De kleuren eronder blijven precies zoals ze waren, daarom falen winkels die betalen voor een overlay nog steeds bij een scan. Dit is echte CSS die de kleuren aanpast. Houd de widget als je wilt, dit lost het probleem op wat eronder zit.
Kan mijn developer dit gebruiken?
Jazeker, en ze zullen het leuk vinden. Het is een eenvoudige CSS-bestand met commentaar bij de selectors. Geef het aan hen, of plak het zelf binnen vijf minuten.
Hoe installeer ik het?
Shopify admin, Online Store, Themes, Code bewerken, plak het bestand in je thema stylesheet. Ik stuur er stapsgewijze instructies bij. Als je liever hebt dat je developer het doet, stuur ze dan het bestand.
