Magento-saavutettavuus
Tee Magento-kaupastasi aidosti saavutettava. EAA ja WCAG, ilman overlayta
Adobe Commerce on tehokas, mutta ei automaattisesti saavutettava: Knockout.js-frontend ja Luma-teema tuovat hiljaisia esteitä kassaasi ja navigaatioosi. Me löydämme ne ja toimitamme korjauksen omiin .phtml-templateihisi, ei widgettiä joka hidastaa sivustoasi.
Näin Seviranta korjaa Magento-sivustosi juurta myöten
Missä esteet piileskelevät
Teemat, laajennukset ja lomakkeet tuovat hiljaisia esteitä. Löydämme ne kaikki.
Korjaus lähteessä, ei sen päälle
Konkreettisia korjauksia teema ja mallipohjat-ympäristössäsi, ei overlay-kerrosta joka vain piilottaa virheet.
Ei widgettiä, ei hidastusta
Crawlaamme ulkoisesti EU-palvelimilta, 0% vaikutus latausnopeuteesi ja Core Web Vitals -arvoihin.
Valmis EAA:ta varten
Testaamme sivustoasi WCAG:tä vasten, sillä tasolla jolla valvontaviranomaiset testaavat.
Headless-skannaus axe-corella, sama moottori kuin Google Lighthousessa, EU-palvelimiltamme. 0% vaikutus latausnopeuteesi.
Totuus: Magento ei ole automaattisesti saavutettava
Magenton oletusfrontend nojaa raskaaseen, vanhentuneeseen Knockout.js-kerrokseen ja Luma-teemaan. Monissa asennuksissa kassa lataa lomakkeita dynaamisesti ilman, että ruudunlukija huomaa vaihdosta, ja Lumassa on useassa kohdassa liian matala kontrasti. Ne ovat esteitä, joita asiakkaasi, ja European Accessibility Act, eivät hyväksy.
Mikä on todella pelissä
- Saavuttamaton kassa on suora EAA-rikkomus.
- Accessibility-widgetti ei käy rakenteellisesta ratkaisusta.
- Valvontaviranomaiset testaavat generoidun HTML:n, mukaan lukien sovelluksesi.
- ’Meillä on käytössä Magento’ ei ole oikeudellinen puolustus: vastuu on julkaistulla verkkokaupalla, ei alustalla.
Mitä odottaminen voi maksaa
enintään € 1.000.000
EU-maksimi · Espanja/Luxemburg
$ 4.000
USA · Kalifornia (Unruh), per käynti
Sinua ei sakoteta tyhjästä, ensin tulee korjausmääräys ja takaraja. Mutta se, joka voi silloin näyttää päivätyn dokumentaation, selviää halvimmalla.
Katso, mikä pätee myyntimarkkinallasiKolmansien osapuolten Magento-laajennusten piilevä riski
Arvostelu-widgetit, suodattimet, niputtajat ja hakusovellukset injektoivat dynaamista HTML:ää frontendiisi, ja jokainen sovelluspäivitys voi lisätä uuden esteen. Auditoinnissa tuo koodi lasketaan täysimääräisesti mukaan, vaikka et kirjoittanut sitä itse. Siksi Seviranta seuraa jatkuvasti lopputulosta niin kuin valvontaviranomainen sen näkee: Magento-teemasi sekä kaikki sovellukset ja dynaaminen sisältö.
Mikä Magento-alustalla menee usein pieleen
- Knockout.js-kassa ilman live-aluettaVakiokassavirta lataa vaiheet ja lomakkeet dynaamisesti Knockout.js:n kautta. Ilman live-regionia tai fokuksen siirtoa ruudunlukija ei havaitse siirtymää ja käyttäjä jää vanhaan vaiheeseen.
- Mini-ostoskori ilman fokuksen hallintaaLuma-teeman yläreunan mini-cart avautuu ilman, että fokusta siirretään siihen tai pidetään siinä. Näppäimistön ja ruudunlukijan käyttäjät eivät tiedä, että paneeli on auki.
- Luma-teema liian matalalla kontrastillaLuma-teema käyttää monin paikoin vaaleanharmaata tekstiä ja painikkeita, jotka jäävät WCAG 2.2 AA -kontrastikynnyksen alle, huonosti luettavia heikkonäköisille kävijöille.
- Layered navigation ilman aria-expandediaLayered navigation -suodattimet avautuvat ja sulkeutuvat ilman aria-expandedia, joten ruudunlukija ei kerro onko suodatinryhmä auki vai kiinni.
Miltä todellinen korjaus näyttää
Ota mini-cart Luma-teemasi yläreunassa. Kun se aukeaa, fokus ei siirry mukana, jolloin ruudunlukijan käyttäjä jää paitsi sisällöstä. Korjaus on teeman .phtml-templaatissa, ei uudelleenrakennusta:
<div class="minicart-wrapper">
<!-- inhoud verschijnt zonder focus -->
</div><div class="minicart-wrapper"
role="dialog"
aria-label="<?= $block->escapeHtmlAttr(__('Winkelwagen')) ?>"
tabindex="-1">
<!-- zet focus hierheen bij openen -->
</div>Missä hoidat sen itse Magentossa
Adobe asettaa vastuun saavutettavuudesta nimenomaisesti kauppiaalle. Tässä on, missä Magento 2:ssa tyypillisesti menee pieleen ja millä tasolla korjaat sen.
- 1Tiedä, mitä Adobe itse raportoiAdoben oma Accessibility Conformance Report Adobe Commercelle testaa Luman WCAG-kriteeri kerrallaan ja raportoi muun muassa kuvakkeita ilman tekstivastinetta, kassan otsikkorakenteen, joka ei täsmää, skip-linkin, jonka kontrasti on liian heikko, ja päänavigaation, jota ei voi aktivoida näppäimistöllä. Uudempi Edge Delivery -storefront (raportti 2025) saa arvion 'does not support' kohdissa tiedot ja suhteet, ei-tekstuaalinen kontrasti ja tilaviestit. Vakio-Luma ei siis ole turvallinen lähtökohta.
- 2Templatet: ylikirjoita omassa teemassasi, ei coressaMarkup-virheet (puuttuvat labelit, väärät ARIA-roolit valikossa, painikkeet renderöitynä <a>-elementteinä ilman href-attribuuttia) korjaat kopioimalla .phtml-templaten hakemistoon app/design/frontend/<Vendor>/<theme>/<Module>/templates/ ja korjaamalla sen siellä. Template path hints hallintapaneelissa näyttää, mikä tiedosto renderöi lohkon.
- 3Layout-XML ja Knockout-templatetSe, mikä ei ole .phtml-tiedostossa, on usein UI-komponentissa: minicart, kassa ja layered navigation renderöityvät jsLayoutissa määriteltyjen Knockout .html -templatejen kautta (esimerkiksi Magento_Checkout/minicart/content). Kohdistuksen hallinnan ja live regionit lisäät sinne; lohkot siirrät tai korvaat <referenceBlock>-elementillä teemasi layout-XML:ssä.
- 4JavaScript mixinien kauttaToimintaa (kohdistuksen siirto minicartin avautuessa, aria-expanded-attribuutin päivitys suodattimissa) muutat RequireJS-mixinillä tiedostossa requirejs-config.js ylikirjoittamatta core-tiedostoja. Näin korjaus säilyy Magento-päivityksen yli.
- 5Alt-teksti ja kieli hallintapaneelissaTuotekuvakohtainen alt-teksti on hallintapaneelissa kohdassa Images and Videos → Alt Text, store view -kohtaisesti. Lang-attribuutti johdetaan automaattisesti storen localesta, mutta vain kielikoodina; varmista, että jokaisella store view'llä on oikea locale. Marketplacen laajennukset lisäävät omat lohkonsa layout-XML:n kautta; ne ovat sinun vastuullasi ja sisältyvät skannaukseemme.
Hyvä väittää frontendin olevan rakennettu WCAG 2.1 AA:n mukaan, mutta lisää itse, että teema on vain osa kauppaa. Laajennukset, sisältö ja omat muokkaukset ratkaisevat lopputuloksen; siksi skannaamme julkaistun sivun.
Mitä saat
Virhekohtaisesti: mitä, miksi ja miten
Jokaisen havainnon kohdalla näet, mikä on vialla, keneen se vaikuttaa, mitä WCAG-sääntöä se koskee ja konkreettisen, Magento-tietoisen ratkaisun, koodiesimerkin kera silloin kun se on mahdollista.
Alustakohtainen tunnistus
Havaitset virheet, jotka syntyvät juuri Magento-alustalla, et vain sitä, minkä geneerinen WCAG-tarkistus poimii.
Dokumentaatio joka kestää
Päivätty yleiskuva skannauksistasi ja havainnoistasi, jonka voit näyttää auditoinnissa tai tarkastuksessa.
Raportointityökalussa maksat lisenssin ja kehittäjäsi virheiden korjaamisesta. Sevirannassa korjaus on mukana, ei kaksinkertaista laskua.
Suojaa konversiosi ja oikeudellinen asemasi
Sovellus, joka liimaa saavutettavuuskuvakkeen Magento-sivustosi päälle, on riski liiketoiminnallesi. Faktat rivissä:
Magento-saavutettavuuswidgetit
- Lataavat ylimääräisiä ulkoisia skriptejä, jotka heikentävät latausnopeuttasi (LCP) ja siten konversiotasi.
- Peittävät virheen sen sijaan että ratkaisisivat sen, taustalla oleva koodi jää virheelliseksi.
- Eivät suojaa vaateilta. FTC sakotti overlay-tarjoaja accessiBea vuonna 2025 $1 miljoonalla harhaanjohtavista vaatimustenmukaisuusväitteistä.
Sevirannan lähestymistapa
- 0% vaikutus latausnopeuteesi, skannaamme ulkoisesti EU-palvelimiltamme.
- Korjaamme Magento-mallipohjiesi todellisen lähdekoodin.
- Rakennamme automaattisesti säilytettävän EAA-dokumentaatiosi, valmiina näytettäväksi valvontaviranomaiselle.
Kysymykset ja vastaukset
- Onko Hyvä tai PWA Studio saavutettava sellaisenaan?
- Hyvä toteuttaa oman dokumentaationsa mukaan WCAG 2.1 AA -ominaisuuksia versiosta 1.3.0 alkaen ja suosittelee itse testaamaan axella ja pelkällä näppäimistöllä. Adoben raportti Venialle (PWA Studio) testaa kriteeri kerrallaan eikä väitä vaatimustenmukaisuutta. Laadukas perusteema auttaa; laajennukset, sisältö ja räätälöinti ratkaisevat loput.
- Myyn EU:sta myös Yhdysvaltoihin tai Isoon-Britanniaan. Mikä siellä pätee?
- Yhdysvalloissa ADA Title III:lla ei ole liittovaltion teknistä standardia, mutta yksityisiä kanteita on valtavasti: vuonna 2024 yli 2 400 liittovaltion verkkosivustokannetta (Seyfarth) ja UsableNetin mukaan yli 4 000 digitaalista tapausta, joista 77 % verkkokauppoja vastaan ja yli tuhat sivustoja vastaan, joilla on widget. Isossa-Britanniassa Equality Act 2010 asettaa ennakoivan velvollisuuden kohtuullisiin mukautuksiin ilman korvauskattoa. WCAG on mittapuu kaikilla kolmella markkinalla.
- Kauppani pyörii vanhemmalla Magento 2.3:lla tai 2.4.x:llä. Onko se ongelma?
- Ei. Testaamme julkaistun HTML:n versiosta tai teemasta riippumatta. Korjaukset toimitamme template-, layout- tai JavaScript-tasolla, jotta kehittäjäsi vie ne teemaan ja ne säilyvät päivityksen yli.
- Riittääkö Magento-saavutettavuus-widgetti EAA:han?
- Ei. Widget asettaa kerroksen sivustosi päälle, mutta ei korjaa taustalla olevaa koodia eikä käy rakenteellisesta vaatimustenmukaisuudesta.
- Kuuluuko Magento-kassani EAA:n piiriin?
- Kyllä. Kassa ja navigointi ovat nimenomaisesti osa WCAG 2.1 AA:n mukaista velvollisuutta.
- Skannaako Seviranta myös Magento-sovellukseni?
- Kyllä. Testaamme lopullisen generoidun HTML:n, teeman ja sovellukset, samoin kuin valvontaviranomainen tekee.
- Hidastaako tämä Magento-sivustoani?
- Ei. Skannaamme ulkoisesti EU-palvelimiltamme; sivustollesi ei tule mitään skriptiä. 0% vaikutus latausnopeuteesi ja Core Web Vitals -arvoihin.
Teemme sen itsekin
Pidämme itsemme täsmälleen samalla rimalla: oma sivustomme saa 0 virhettä axe-coressa, samassa moottorissa, joka on Google Lighthousessa ja jolla skannaamme myös sinun Magento-kauppasi. Sen, minkä kone toteaa varmasti, korjaamme koneellisesti, loput arvioi ihminen. Näin tarkasti saat sen meiltä: katso todellinen esimerkkiraportti.
Mitä EAA vaatii Magento-kaupaltasi
Kesäkuusta 2025 lähtien verkkokauppasi on täytettävä WCAG 2.1 AA, Magento-kauppa ei ole poikkeus. Maksuton skannaus näyttää 60 sekunnissa, mikä tilanne on, ja tarkan rivin, joka ei täytä vaatimusta.
Myytkö useampaan maahan?
WCAG on maailmanlaajuinen standardi. Lähes jokainen markkina nojaa siihen:
Korjaa Magento-kauppasi kerran WCAG:iin, niin katat teknisen riman kaikilla noilla markkinoilla. Markkinakohtaisesti vaihtelevat valvoja ja seuraamusmaksut.
Katso, mikä pätee myyntimarkkinoittainHallinnoitko useita Magento-sivustoja asiakkaille?
Estä se, että toimittamistasi verkkokaupoista tulee EAA:n mukainen oikeudellinen riski asiakkaillesi. Ota Seviranta käyttöön automaattisena laatuleimanasi jokaisessa luovutuksessa ja deployssa, yksi skannaus, ja jokainen sivusto on osoitettavasti kunnossa.
Tutustu kumppaniohjelmaammeMuut alustat
Skannaa Magento-kauppasi ilmaiseksi
Liitä Magento-URL-osoitteesi ilmaiseen skannaukseen ja näe minuutissa mitkä säännöt eivät täyty, sekä tarkka kohta teemassasi.