tilg æ nglied for temaer

丹麦，2022年11月22日。be øg https://help.shopify.com/da/manual/online-store/themes/customizing-themes/accessibility for at se den aktuelle版本。

Når du tilpasser dit tema, er det en god idé at foretage valg vedrørende design og indhold, der jælper med at bibeholde din webshop tilgængelig。Et tilgæ ngigigt网站er designnet, så det kan bruges af alle, herunder personer med handicap。tig æ ngliighg为din网站vigtig为at give dine kunder en totaloplevve。

Retningslinjerne herunder blev udarbejdet medWCAG(网页内容无障碍指南)ø我。Da der er mange faktorer, der skal overvejes ved oprettelse af et tilgæ engigt website, er det udelukkende at følge retningslinjerne herunder ingen garanti for, at dit website er fuldt tilgæ engigt。杜堪få mere at vide om webtilgæ gelighed ved at be øge WCAG-websitet eller seresourcerne anført herunder。

Teksttilgængelighed

Det er vigtigt, at teksten i din webshop er læsbar for kunder med nedsat syn eller somhar svært ved at læse kompakte tekstblokke。

Farvekontrast

Når du redigerer farverne i din webshop, skal du sørge for, at din tekst er tilgængelig for kunder, der er farveblinde eller på anden måde har nedsat syn. Disse kunder er afhængige af tilstrer ækkelig farvekontrast for visuelt at kunne skelne ting fra hinanden。Du kan bruge et onlineværktøj tilkontrastforhold直到kontrollere kontrasten I de forskellige dele af I din butik。

I eksemplet herunder har teksten et kontrastforhold på 2.4:1 imod baggrunden og er svær at læse for nogle kunder。

En blok af lysegrå tekst og En dækkende, hvid baggrund。

I det næste eksempel har teksten et kontrastforhold på 4:8:1 og er nem at læse for mange kunder。

En blok af mørkegrå tekst og En dækkende, hvid baggrund。

测试kontrasten的al tekst, herunder brødtekst, overkrifter，链接og公式felter。Brug følgende retningslinjer:

  • Farven på brødtekst og knaptekst har et kontrastforhold på 4.5:1 imod baggrunden。
  • Farven på overkrifter og anden stor tekst (skriftstørrelse 24 px og op) har et kontrastforhold på mindst 3:1 imod baggrunden。
  • Farven på al tekst over billeder, herunder diasshows, bannere og videoer, har tilstrækkelige kontrastforhold imod baggrunden。对于stor tekst (skriftstørrelse 24 px og op) er kontrasten mindst 3:1。mindre tekst er kontrasten mindst 4.5:1。
  • Farven på elementer, der ikke er tekst, herunder inputgrænser og ikoner, har et kontrastforhold på mindst 3:1 imod baggrunden。

Tekstoverskrifter

Når du tilføjer overkrifter til din side medRTF-editoren， er det vigtigt at holde dem i rækkefølge (1 - 6). overkrifter bruges af teknologiske jælpemidler til at formidle, hvordan sideindholdet organiseres。在springe niveauer over, såsom overkriftsniveau 2 efterfulgt af overkriftsniveau 4, kan være forvirrende for brugere。Brug følgende retningslinje:

  • overkrifter bruges i rækkefølge。春天过去了。

Tekststørrelse og justting

Når du redigerer dit temas typografinindstillinger, skal du sørge for, at teksten er stor nok til, at kunderne nemt kan læse den。

For at gøre teksten nemmere at løse, bør mellemrum mellem ord og bogstaver også være enOB欧宝娱乐APPstartede。我把她放在我的tekstjusteringen med lige margener, hvilket skaber inkonsekvente mellemrum mellem ord。

En blok af højrejusteret tekst。Hver linje med tekst fylder hele området ud, hvilket gennemtvinger forskellige mellemrum mellem ord for at få det til at passe。

我det næste eksempel er teksten venstrejusteret, hvilket skaber konsekvente mellemrum mellem ord。

En blok af venstrejusteret tekst。Der er ensartmellemrum mellem hvert ord。

Brug følgende retningslinjer ved tilpasning af størrelse og jutting af tekst:

  • Den mindste skriftstørrelse for brødtekst svarer直到16 px。
  • Tekstjusteringen er就像med lige margener。戴特·斯卡伯inkonsekvente mellemrum mellem ord。

Bemærk: Forskellige skrifttypefamilier kan blive vist forholdsvis små eller store, også selv om de har samme skriftstørrelse。Hvis skrifttypen, du bruger, ser mindre ud end andre skrifttyper ved 16 px, skal du bruge en større skrifttype。

Når du tilføjer链接til din tekst, skal du sørge for, at de kan identificeres af alle dine kunder。Da nogle kunder har svært ved at skelne farver, kan du ikke sætte din lid til, at en ændring i farven alene differentierer et link fra almindelig tekst。Teksten bør være understreget, så det ikke blot er en ændring af farven, der fortress æller, at Teksten er et link。

Hvis du ændrer temaets typografiark, skal du sørge for, at du ikke fjerner typografier for tekstlinks。Brug følgende retningslinje:

  • Tekstlinks er enten understregede eller på anden måde visuelt differeret fra almindelig tekst。

替代tekst直到billeder

Når du tilføjer billeder til din webshop, er det vigtigt, at du gør dem tilgængelige for kunder, der er blind eller svagtseende。Dette kan du gøre ved at tilføje alternativ tekst, der beskriver hvert billede nøjagtigt。昆德，der bruger skærmlæsere, stoler på， at alternativ tekst viderekommunikerer indholdet af billeder i din webshop。

杜菅直人Føje alternativ tekst til dine producktbilleder我Shopify-administratoren。杜菅直人Føje alternativ tekst til Andre billeder I dit tema联邦铁路局temaeditoren。

Når du tilføjer alternativ tekst til et billede, er det god praksis, at du forestiller dig, du beskriver billedet for en person, der har lukket øjnene。jer ælp在skabe和mentalt billede的人。Den måde, du beskriver et billede på， afhænger også af konteksten på din webside。Du vil for eksempel nok beskrive et billede anderledes, hvis din virksomhed er et rejsebureau, end hvis din virksomhed sælger udstyr til udendørs brug。Overvej følgende billede:

致凡纳，der har rygsække på og armene om hinanden, der kigger ud over havet

关于et rejsebureau kan du henvise til det det land eller område, hvor to venner rejser rundt, og til navnet på det hav eller farvand, de betragter。对于en butik, der sælger udstyr til udendørsbrug, kan du på den anden side fokusere på， hvilket brand de to venners rygsæk er, og hvilke funktioner de har。

Hvis din virksomhed er et rejsebureau, kan et eksempel på en dårlig alternativ tekst være "To personer foran et hav."For det samme rejsebureau kan en god alternativ tekst være“To venner på rejse i Lagos, Portugal, der kigger ud over den sandholdige bugt i Praia do Camilo på en solrig dag”

Diasshow og videotilgæ gelighed

Når du tilføjer videoer til din webshop, skal du sørge for at tage højde for kunder, der er svagtseende, kunder, der er døve eller hørehæmmede og kunder, der kan være modtagelige forvestibulæ再保险sygdomme。

Nogle af disse kunder er afhængige afskærmlæsernes tekst-til-tale-funktioner， der kan læse indholdet af en webside højt。Yderligere lyd fra videoer og music, især når det er uventet, kan forringe denne oplevelse。对于昆德，der er de øve eller hørehæmmede, er det en god idé at tilføje undertekster til dine videoer, så disse kunder også kan få adgang til indholdet。

Kunder med vestibulære sygdomme kan opleve svimmelhed ved indhold, der er i bevægelse。Som følge heraf er det vigtigt, at disshow og videoer ikke afspilles automatisk。

Diasshows

Brug følgende retningslinjer, når du føjer et diasshow til din网站:

  • disdisshow afspilles like automatisk。
  • Hvis diasshows afspilles automatisk, omfatter de en indstilling, der gør det muigt for kunden at sætte diasshowet på pause eller stoppe det。

视频

Brug følgende retningslinjer, når du føjer en video til din网站:

  • Videoer afspilles ikke automatisk。
  • Hvis videoer afspilles automatisk, er lyden slået fra。
  • 为videoer med lyd er videoen fuldt synlig og ikke obstureret af andre sideelementer。黛特给予者苦苦思索，在underteksten为blifosynlig。
  • 视频医学对话er udskrifter af teksten tilgæ ngigele。Disse er enten inkluderet på siden eller et link直到en separat side。

Disse retningslinjer gælder også for videoer, der er en del af et diasshow。

Tastaturhjælp

Kunder med nedsat syn eller funktionshæ minger kan bruge et tastatur til at navigere rundt i og færdiggøre opgaver在线。Disse kunder er afhængige af en vision indicator, der viderekommuniker, hvor deres tastaturs fokus er på et website。我把她裹在我的毡子里邮件En视觉焦点指示灯:

En loginskærm til kunder i En webshop, der viser formularfelterne Mail og Adgangskode。Feltet Mail er angivet med blåt。

Hvis du ændrer temaets typografiark, skal du sørge for, at du ikke fjerner typografier for tastaturets fokus fra eventuelle sideelementer。Brug følgende retningslinje:

  • Alle交互边元har en klar视觉指示器，når tastaturet fokuser på dem。Disse elementer inkluderer links, knapper og formula arfelter。

Ressourcer

Se følgende资源访问få mere at vide om webtilgængelighed for elementer, der omtales i denne artikel。

资源直到farvekontrast

Tekstressourcer

资源vedrørende alternativ tekst

资源vedrørende diasshow og视频

resourcer vedrørende tastatura -support

Er du klar直到begynde sælge med Shopify?

免费的