Utforma tillgängligt innehåll accessible-content

Den europeiska tillgänglighetslagen är ett direktiv som är utformat för att förbättra den inre marknaden för tillgängliga produkter och tjänster genom att eliminera hinder som orsakas av olika nationella regler i medlemsstaterna.

I den här förordningen står det att all digital kommunikation, inklusive e-post, nyhetsbrev, PDF-filer och nedladdningsbart innehåll, bör vara tillgänglig. När du skapar innehåll för dina mottagare måste du därför följa särskilda riktlinjer, t.ex. använda hjälpmedelsanpassade teckensnitt och läsbara format, samt tillhandahålla alternativ text för bilder.

Med Marketo Engage Email Designer kan du enkelt följa det här direktivet, baserat på Web Content Accessibility Guidelines (WCAG) 2.1, nivå AA. De bästa sätten att utforma hjälpmedelsanpassat innehåll med Marketo Engage listas nedan.

Säkra textläsbarhet text-readability

Utnyttja fliken Styles i komponenten Text för att säkerställa att texten är läsbar, till exempel genom att använda rätt färgkontrast och enkla teckensnitt.

För teckensnitt och text måste du följa dessa riktlinjer:

Val av teckensnitt

Teckensnittsstorlek

Färgkontrast

Texttillgänglighet

Säkerställ visuell tillgänglighet visual-accessibility

I Marketo Engage kan storleken och mellanrummet för de olika elementen i ditt innehåll förfinas ytterligare med formatparametrar och attribut från e-postfönstret i Designer Styles.

Du kan till exempel uppdatera bakgrunden eller ändra marginalerna, utfyllnaden och justeringen för att förbättra den visuella tillgängligheten.

Med Marketo Engage Email Designer kan du förhandsgranska och optimera designen för olika enheter och skärmstorlekar. Du kan när som helst Switch to live view kontrollera hur ditt innehåll kan återges på olika enhetsstorlekar.

Använd alternativ text för bilder alt-text

Använd komponenten Image för att ange alternativ text för bilder.

Använd läsbart format readable-format

Använd e-postens relevanta struktur- och innehållskomponenter för Designer, samt alternativen i Styles-rutan, för att ordna ditt innehåll på ett tydligt, logiskt och koncist sätt som är tillgängligt för alla.

Säkerställ läsbarhet readability

För att innehållet ska vara läsbart måste det vara klart, välstrukturerat och användbart för alla, även personer med visuella, kognitiva eller läsrelaterade problem, och personer som använder hjälpmedelstekniker. Några saker du bör tänka på när du skapar hjälpmedelsanpassat innehåll är:

Om du vill utvärdera läsbarheten för e-post kan du använda det populära Flesch Reading Ease-testet som finns i Microsoft Word och som beräknar hur enkelt innehållet är att läsa på en skala från 0 till 100.

Testa innehållet test

Om du vill verifiera innehållets tillgänglighet kan du använda testfunktionerna i Marketo Engage. De är inte särskilt utformade för att kontrollera om ditt innehåll är fullt tillgängligt, men de kan tillhandahålla en första verifieringsnivå.

Om du vill kontrollera på ett mer konsekvent sätt om innehållet är tillgängligt kan du gå till särskilda externa verktyg som:

Använd mörkt läge dark-mode

Mörkt läge förbättrar den visuella tillgängligheten för användare med ljuskänslighet eller synnedsättning, vilket ger en förbättrad visningsupplevelse.

Några av de bästa sätten att utforma innehåll i mörkt läge är:

Se till att dina e-postmeddelanden återges korrekt i mörkt läge genom att testa allt e-postinnehåll och gränssnittselement i både ljust och mörkt läge.

Använd specifika attribut för tillgänglighet attributes

Språkattribut language

När du skapar designer inkluderar du attributen lang (språk) och dir (textorientering) i innehållets brödtext. Dessa attribut hjälper hjälpmedelstekniker (t.ex. skärmläsare) att tolka och presentera ditt innehåll på rätt sätt.

Skärmläsare förlitar sig på attributet lang för att använda rätt uttydningsregler, medan textriktning garanterar att innehållet flödar naturligt för språk som läses från vänster till höger eller från höger till vänster. Utan dessa attribut kan användare uppleva förvirrande läsordning eller feluttal. Radbryt alltid din e-postbrödtext med rätt lang- och dir-attribut.

Tabeller tables

I HTML-innehåll används ofta tabeller för layout. Som standard behandlar skärmläsare varje <table> som en datatabell, där rader, kolumner och struktur presenteras. Detta kan vara förvirrande om tabellen bara används för formatering.

Lägg till role="presentation" (eller role="none") i layouttabeller för att säkerställa att hjälpmedelstekniker hoppar över sin struktur och bara fokuserar på det faktiska innehållet.

<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
      <h1>Hello World</h1>
      <p>Welcome to our newsletter</p>
    </td>
  </tr>
</table>

<table border="1" cellpadding="5" cellspacing="0">
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Score</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>19</td>
  </tr>
  <tr>
    <td>Parker</td>
    <td>62</td>
  </tr>
</table>

Text för länkar links

Skärmläsare läser upp länkar med sin text. Om en länk endast heter"Klicka här" eller"Läs mer" kommer användare av hjälpmedelstekniker inte att känna till målet. För att säkerställa tillgänglighet behöver de beskrivande text som tydligt anger målet eller åtgärden.

Använd e-post-Designer för att lägga till en länk till ditt innehåll och redigera etiketten så att den blir urskiljbar (synlig) och beskrivande (tydlig om syftet). Undvik otydliga etiketter som "here" eller "more".

<p>Learn more in the
<a href="https://adobe.com/release-notes">August release notes</a>.
</p>

<p>Learn more about our new features.
  <a href="https://adobe.com/release-notes">Click here</a>.
</p>