Tilgjengelighet为temaer
Når du tilpasser temaet ditt, er det en god idé å ta design- og innholdsvalg som gjør nettbutikken din tilgjengelig。让我们用设计的丝绸，在这台机器上行走，在这台机器上行走。Tilgjengelighet for nettbutikken din er viktig for å gi en inkluderende opplevelse till kundene dine。
Veiledningene nedenfor ble opprett med hensyn til网罩用薄纱烯．Siden det er mange faktorer å ta hensyn til ved opprettelse av et tilgjengelig nettbutikken din blr helt tilgjengelig ved å bare følge veiledningene nedenfor。杜侃好我的好我的好我的好på我的好å gå直到wag -nettstedet ellerRessursene som er oppført nedenfor．
Tilgjengelighet为tekst
Det er viktig at teksten på nettbutikken din kan leses av kunder som ser dårlig eller som har vanskeligheter med å lese tette blokker med tekst。
Fargekontrast
Når du redigerer fargene for nettbutikken din må du sørge for at all teksten er tilgjengelig for kunder som er fargeblinde ellsom har andre synshemninger。Disse kundene er avhengig av tilstrekkelig fargekontrast为å kunne skille ting fra hverandre。杜侃等人破门而入Verktøy代表kontrastforhold为å sjekke kontrasten直到de forskjellige delene av butikken din。
我为哈尔的teksten和kontrastforhold på 2,4:1 mot bakgrunnen, og det er vanskelig å lese denfor enkelte kunder。
我的neste eksempel har teksten et kontrastforhold på 4,8:1 og er enkelt å lese for mange kunder。
测试kontrasten直到所有的tekst, inkludert brødtekst, overkrifter, koblinger og skjemafelt。Bruk følgende retningslinjer:
- Fargen til brødteksten og knappeteksten har et kontrastforhold på minst 4,5:1 mot bakgrunnen。
- Fargen til超krifter og annen stor tekst (skriftstørrelse 24 piksler eller større) har et kontrastforhold på minst 3:1 mot bakgrunnen。
- Fargen直到所有的一切都结束了bilder, inkludert lysbilder, bannere og videoer, har tilstrekkelig kontrastforhold mot bakgrunnen。对于stor tekst (skriftstørrelse 24 piksler eller større) er kontrasten minst 3:1。minre tekst er kontrasten minst 4,5:1。
- Fargen på andre elementer enn tekst, inkludert inndatagrenser og ikoner, har et kontrastforhold på minst 3:1 mot bakgrunnen。
Tekstoverskrifter
Når杜legger直到overkrifter på siden medRedigeringsprogrammet for Rik tekst， er det viktig å holde dem I rekkefølge(1-6)。overkrifter brukes av assisterende teknologi til å kommunisere hvordan sidinholdet er组织者。Hvis du hopper over nivåer, for eksempel overskriftnivå 2 etterfulgt av overskriftnivå 4, kan det være forvirrende for bruukere。Bruk følgende retningslinjer:
- overkrifter brukes i rekkefølge og hopper ikke over nivåer。
Tekststørrelse og jutting
Når du redigerer temaets typografiinnstillinger, må du sørge for at teksten er stor nok til at det er komfortabelt for kunden å lese den。
Teksten bør også ha konsekvent avstand mellom ord og bokstaver for å gjøre det enkelt å lese den。我爱她，我爱她，我爱她。
我爱她，爱她，爱她，爱她。
Bruk følgende retningslinjer når du justerer størrelsen og innrettingen av teksten:
- Minimumsstørrelsen til tekst i brødteksten tilsvarer 16 piksler。
- Tekstinnretting er ikstert。只要听一听好听的话。
Tekstkoblinger
Når du legger till koblinger i teksten din, må du sørge for at de kan identifiseres av alle kundene dine。Siden noen kunder har problemer med å se farger, kan du ikke偷了på at en fargeending er tilstrekkelig for å skille en kobling fra vanlig tekst。Tekst må være understreket, slik at den ikke er avhengig av fargeendringen for å kommunisere at teksten er en kobling。
Hvis du redigerer temaets stilark, må du sørge for at du ikke fjerner stiler for tekstkoblinger。Bruk følgende retningslinjer:
- Tekstkoblinger er enten understreket eller har andre visuelle s ' ertrekk slik at den skilles fra vanlig tekst。
bilder的替代tekst
Når du legger til bilder på nettbutikken din, er det viktig at du gjør det tilgjengelige for kunder som er blinde eller ser dårlig。Du kan gjøre det å legge til alternative tekst som beskriver hvert bilde på en nøyaktig måte。Kunder som bruker skjermlesere, er avhengige av alternativ tekst å få med seg innholdet på bilder på nettbutikken din。
杜菅直人Legge till alternative tekst till product bilder联邦铁路局Shopify-administrator。杜菅直人Legge till alternativ tekst I de Andre bildene I temaet联邦铁路局temaredigeringsprogrammet。
Når du legger till alternativ tekst for et bilde, er det god praksis å late som om du beskriver bildet till noen som har lukket øynene。Hjelp vedkommende med å skape et bilde i hodet。Måten du beskriver et bilde på er også avhengig av sammenhengen til nettsiden。Du kan for eksempel beskrive et bilde på en annen måte hvis forretningen er et reisebyrå enn hvis forretningen din selger utendørsutstyr。Tenk på følgende bilde:
为et reisebyrå kan du henvise til landet og området de to vennene reiser i, og oppgi navnet til havet eller sjøen de ser på。Hvis forretningen din selger utd ørsutstyr kan du derimot fokusere på merkevaren og funksjonene til ryggsekkene til de to vennene。
Hvis forretningen din er et reisebyrå， kan et eksempel på dårlig alternativ tekst være«给foran havet的人»。为同一人byrå kan et eksempel på god alternativ tekst være«To venner som reiser i Lagos i Portugal og ser ut på sandkanten av Praia do Camilo på en solrik dag»。
Tilgjengelighet为lysbilder og videoer
Når du legger till videoer i nettbutikken din, må du sørge for at du tar hensyn till behovene til kunder med dårlig syn, kunder som er døve eller hører dårlig, eller kunder som kan være utsatt forbalanseforstyrrelser．
Noen av disse kundene er avhengig avTekst till tale-甚至skjermlesere在外面的时候再来点东西。Ytterligere lyd fra videoer og musikk - spesielt når det er uventet - kan gjøre denne opplevelsen vanskelig。For kunder som er døve eller hører dårlig, er det en god idé å legge til teksting i videoene dine, slik at disse kundene har tilgang til innholdet。
昆德医学balanseforstyrrelser kan oppleve svimmelhet医学inhold i bevegelse。Derfor er det viktig在lysbildefremvisning og videoer ikke spilles av automatisk。
Lysbildefremvisninger
Bruk følgende retningslinjer når du legger til lysbilder på nettbutikken din:
- Lysbildefremvisninger spilles ikke av automatisk。
- Hvis lysbildefremvisningene spilles av automatisk, inkluderer de en instilling kunder kan bruke til å sette lysbildefremvisningen på pause eller stoppe den。
视频
Bruk følgende retningslinjer når du legger til videoer på nettbutikken din:
- Videoer spiles ikke av automatisk。
- Hvis videoer spilles av automatisk, er lyden slått av。
- 为videoer som inkluderer lyd, er videoen helt synlig og ikke blokkert av andre sideelementer。Dette gjør at teksting forblir synlig。
- Tekstutskrifter er tilgjengelige为videoer som inkluderer对话。Disse inkluderes enten på siden eller i en kobling直到en egen side。
Disse retningslinjene gjelder også for videoer som er i en lysbildefremvisning。
Tastaturstøtte
Kunder som ser dårlig eller har nedsatt motoriske evner, kan bruke et tastatur for å navigere og fullføre oppgaver på netet。Disse kundene er avhengig av en visuell indicator for å se hvor tastaturet fokuserer på en netside。我爱你，爱你E-post-feltet en visuell fokusindicator:
Hvis du redigerer temaets stillark, må du sørge for at du ikke fjerner stilen for tastaturfokus fra noen sideelementer。Bruk følgende retningslinjer:
- Alle交互侧元素哈尔泰德里格视觉指示器når de er i tastaturfokus。Disse elementene inkluderer koblinger, knapper og skjemafelt。
Ressurser
Bruk følgende ressurser for å finne ut mer om tilgjengelighet på netet for emnene som diskuteres i denne artikkelen。
fargekontrast的Ressurser
- 对比性强的颜色， en artikkel fra网站可访问性倡议
- 对比度， et nettbasert verktøy du kan bruke直到å finne kontrastforholdet mellom to farger。
- 色彩对比分析仪， en app for kontrastforhold som kan latisned, som ble utviklet av Paciello Group
Tekstressurser
- 16像素字体大小:用于主体复制。否则就是一个代价高昂的错误， en artikkel fra Smashing Magazine
- 文本对齐方式， en artikkel fra Web AIM
- 链接的外观， en artikkel fra Web AIM
- 使用标题的内容结构， en artikkel fra Web AIM
替代测试用升压器
- 从文字到语音， en artikkel fra网站可访问性倡议
- 替代文本， en artikkel fra Web AIM
- 编写alt文本时的注意事项， en artikkel på中等。
Ressurser为lysbilder og videoer
- 前庭神经障碍入门， en artikkel fra A11Y项目
- 从文字到语音， en artikkel fra网站可访问性倡议
- 视频字幕， en artikkel fra网站可访问性倡议
- 使用自动字幕， en artikkel fra YouTube帮助
- 字幕和字幕， en artikkel fra Vimeo帮助中心