Funktioner

Editoria11y:s kärnkontroller identifierar mer än 50 vanliga tillgänglighetsproblem i innehåll: beslut som försämrar läsbarheten, misstag som gör skärmläsare mindre effektiva och fel som sänker SEO.

Tillägg ger ungefär 40 ytterligare kontroller för utvecklare och designers, anpassade tester och olika webbplatsövergripande verktyg för kvalitetssäkring.

Innehållskontrollerna fokuserar på problem som uppstår efter att webbplatser lämnas över till redaktörer. Webbplatser behöver testas med manuella granskningsverktyg, tangentbord och skärmläsare innan lansering, men även den mest tillgängliga webbplatsen tenderar att försämras med tiden när redigeringar för med sig nya problem.

Det som skiljer Editoria11y från andra tillgänglighetsverktyg är att kontrollerna körs live, i webbläsaren, medan redaktörer redigerar och förhandsgranskar sitt arbete. Redaktörer reagerar mer sannolikt på omedelbar, infälld återkoppling, uppmärksammar varningar och gör korrigeringar, än att de kommer ihåg att besöka en kontrollpanel eller köra en manuell kontroll.

Redaktörens upplevelse

Skärmbild av Editoria11y-verktygsfältet, som visar 4 fel.

Redaktörer ser Editoria11y-verktygsfältet medan de redigerar innehåll. När problem upptäcks blir det gult eller rött och visar ett antal problem. Att klicka på antalet rullar till den första varningen och öppnar dess verktygstips.

Tips som indikerar att en länk bara heter klicka här.

Tips visas infällt, med en lättförståelig beskrivning av felet, förslag på åtgärd och en förklaring av varför problemet är viktigt.

Rubrikstrukturvisualiserare överlagd på sidan

Verktygsfältet innehåller ytterligare verktyg för manuella kontroller, inklusive visualiserare för rubrikstruktur och alt-text samt läsbarhetspoäng.

Webbplatsadministratörens kontroller

Alla synliga aspekter av granskaren kan anpassas. Parametrar och händelser gör det möjligt att ta bort tester, skriva om tips, infoga anpassade tester och ange anpassade teman.

Insticksprogram för Drupal och WordPress lägger till ytterligare funktioner, till exempel synkroniserade avfärdanden, webbplatsövergripande kontrollpaneler och CSV-rapportexporter.

Rapporteringskontrollpanel som visar senaste problem och sidor med flest problem.
Drupal-kontrollpanelen, som innehåller filterbara listor över problem, sidor med problem och avfärdanden.

Tester

Editoria11y:s tester fokuserar på att förbättra webbupplevelsen för alla användare, mätt av människor, inte bara tekniska standarder. Medan centrala tester är avsedda att hjälpa till att uppnå riktlinjerna för webbtillgänglighet (WCAG 2.2 AA), påverkas andra av arbetet från arbetsgruppen för tillgänglighet vid kognitiva funktionsnedsättningar och inlärningssvårigheter, samt allmänna bästa metoder för användbarhet och design.

Enskilda tester kan stängas av av webbplatsadministratörer.

Alt-text för bilder

  • Bild saknar alt-attribut
  • Alt-texten är ett filnamn
  • Alt-texten är en platshållare ("TBD")
  • Alt-texten är outtalbara symboler
  • Alt-texten innehåller överflödiga ord ("bild av…")
  • Alt-texten är för lång
  • Dekorativ bild kan ha värde
  • Karusellbild markerad som dekorativ
  • Bild med bildtext saknar alt-text
  • Alt-texten är ett duplikat av bildtexten

Länkade bilder

  • Länkad bild saknar alt-text
  • Alt-text för länkad bild är en URL eller ett filnamn
  • Alt-text för länkad bild är en platshållare
  • Alt-text för länkad bild är outtalbara symboler
  • Alt-text för länkad bild beskriver bilden, inte länken
  • Alt-text för länkad bild innehåller överflödiga ord
  • Alt-text för länkad bild är för lång
  • Bild i länk med text saknar alt-attribut

Inbäddade medier

  • Video behöver textning
  • Ljud behöver ett transkript
  • Datavisualisering behöver ett tillgängligt alternativ
  • Ram saknar en titel
  • Ram är utesluten från tangentbordsnavigering
  • Raminnehåll behöver manuell tillgänglighetskontroll
  • Länkat dokument kanske inte är tillgängligt för skärmläsare
  • PDF saknar ett tillgängligt alternativ
  • Kapslade interaktiva layoutkomponenter

Meningsfulla länkar

  • Tom länk
  • Länktext är en URL
  • Länktext är bara ett DOI-nummer
  • Länktext lyder "klicka här"
  • Länktext är bara generiska ord ("läs mer")
  • Olika länkar delar samma text
  • Länkad ikon eller bild saknar textalternativ
  • Länk öppnar en ny flik utan varning
  • Länk pekar på en fil utan varning
  • Länktext är bara symboler eller emoji
  • Meningsfull länktext dold för seende användare
  • Överflödigt länkverktygstips
  • Bruten ankarlänk på sidan
  • Duplicerat ID-attribut
  • Länk kan peka till en utvecklingsmiljö

Rubriker

  • Sidan saknar en Rubrik 1
  • Första rubriken är en underrubrik
  • Rubrik hoppar över en nivå
  • Rubrik är tom
  • Bild som används som rubrik behöver alt-text
  • Rubriken är mycket lång
  • Fetstilt stycke kan vara en rubrik
  • Kort blockcitat kan vara en rubrik

Textläsbarhet

  • Överdriven text med versaler
  • Stort block med fetstilt eller kursiv text
  • Texten är för liten
  • Text som inte är en länk är understruken
  • Texten är marginaljusterad (justified)
  • Nedsänkt eller upphöjd text missbrukad som formatering
  • Falsk lista med tecken eller symboler
  • Listobjekt utanför en lista

Färgkontrast

  • Text har otillräcklig kontrast
  • Textkontrast kräver manuell kontroll
  • Ikon eller grafik har otillräcklig kontrast
  • Ikon- eller grafikkontrast kräver manuell kontroll
  • Inmatningstext har otillräcklig kontrast
  • Platshållartext har otillräcklig kontrast

Tabeller

  • Tabell saknar en rubrikrad eller -kolumn
  • Tabellrubrikcell är tom
  • Innehållsrubrik används inuti en tabell

Formulär & interaktiva element

  • Knapp saknar tillgänglig etikett
  • Knapp har en ogiltig ARIA-etikett
  • Knappetikett innehåller ordet "knapp"
  • Synlig etikett matchar inte tillgängligt namn
  • Inmatningsfält saknar kopplad etikett
  • Inmatningsfält använder bara en osynlig etikett
  • Inmatningsfält använder bara en platshållare som etikett
  • Återställningsknapp kan orsaka oavsiktlig dataförlust
  • Element dolt för skärmläsare men fortfarande tangentbordsfokuserbart
  • Positivt tabindex bryter läs- och tabbordning

Sidmetadata

  • Sidtitel saknas
  • Sidspråk är inte deklarerat
  • Visningsport förhindrar textskalning
  • Sidan uppdateras automatiskt

CSA-funktioner

Editoria11y främjar tillgänglighet på ett unikt sätt. Dess verktyg är mycket effektiva för att hjälpa icke-tekniska redaktörer att förbereda innehåll som kan användas på lika villkor av webbanvändare med funktionsnedsättning. Vi betraktar detta som ett allmänt intresse, så Editoria11y kommer alltid att vara gratis att använda.

Editoria11y är dock inte gratis att utveckla eller underhålla.

CSA fyller luckan: projektmedlemmar finansierar utvecklingen av Editoria11y-biblioteket, dess CMS-insticksprogram och CSA-sviten: en snabbt växande uppsättning verktyg med öppen källkod för kvalitetssäkring som erbjuder liknande funktionalitet som kommersiella produkter, till en betydligt lägre kostnad. CSA-sviten för Drupal är för närvarande gratis i beta och kommer att finnas tillgänglig för WordPress under kvartal 3 2026.

Webbplatscrawling pågår
CSA-crawler uppdaterar en kontrollpanel.

Tester & Verktyg

  • Tester för utvecklare, läsbarhet och kontrast.
  • Rollbaserad delad konfiguration för utvecklare och innehållsskapare.
  • Verktyg för att skapa anpassade tester.
  • Webbplatsövergripande avfärdanden med ett klick
  • Underhållsverktyg och genomsökare för kontrollpanelen
Färgväljare i testverktygstips

Gemenskapsförmåner

  • Prioriterad support.
  • Viktat inflytande på projektets färdplan.
  • Automatisk tillgång till nya funktioner på färdplanen.
  • Direkt installationshjälp (beroende på nivå).
  • Offentligt stöderkännande (beroende på nivå/på begäran; villkor gäller).

Bidra-vad-du-kan-licens

Efter beta-perioden kommer CSA-sviten att göras tillgänglig genom en bidra-vad-du-kan-modell. Editoria11y-kärnan, både biblioteket och insticksprogrammen, förblir gratis.

Visa licensalternativ och alternativ

CSA-sponsrade projekt

Aktiva

Kvartal 2 2026: Lansering av Editoria11y CSA-gemenskapen

Återstående arbete:

  • Skapa en juridisk enhet för att hantera prenumerationer och sponsorer.
  • Upprätta ett licenssystem.
Kvartal 2 2026: Verktyg för att bygga anpassade regler
  1. Klart för Drupal.
  2. Att göra: porta verktyget till WordPress.
Kvartal 3 2026: Porta 3.x-biblioteket till WordPress
  1. Skapa CSA-undermodul med gemenskapsstödda funktioner
    • Skapa underhållsverktyg för kontrollpanelen för att ta bort föråldrade resultat och crawla om befintligt innehåll.
    • Möjliggör att markera vissa tester som OK för hela webbplatsen, inte bara på en sida.
    • Möjliggör delad konfiguration med separata inställningar och tester för utvecklare och innehållsredaktörer.

Nyligen färdigställt

Kvartal 1 2026: Omskrivning av biblioteket 3.x
  • Sammanslagning av Editoria11y- och Sa11y-regeluppsättningar. Sedan förgreningen har Sa11y skrivit ungefär 50 ytterligare tester och antagit ESM-verktyg, och Editoria11y har implementerat prestandaförbättringar och lagt till parametrar för att möjliggöra realtidskontroll. Sa11y 4.2.2 och Editoria11y 3.0.0 inleder vår gemensamma framtid.
  • Lägg till stöd för "delad konfiguration" för att möjliggöra separata regeluppsättningar för utvecklare och innehållsskapare.
  • Lägg till maskinöversättningar för kinesiska, danska, nederländska, tyska, grekiska, ungerska, italienska, japanska, norskt bokmål, polska, portugisiska (Brasilien), portugisiska (Portugal), spanska, svenska och ukrainska som mallar för mänsklig bearbetning.
  • Aktuell status: kodningsarbetet är klart; en release-tagg sätts efter att dokumentation och demos har uppdaterats.
Kvartal 1 2026: Omskrivning av Drupal-modulen 3.x
  1. Utöka kontrollpanelen med mer robusta rapport- och filtreringsverktyg.
  2. Lägg till maskinöversättningar för kinesiska, danska, nederländska, tyska, grekiska, ungerska, italienska, japanska, norskt bokmål, polska, portugisiska (Brasilien), portugisiska (Portugal), spanska, svenska och ukrainska som mallar för mänsklig bearbetning.
  3. Gör CSV-exportfunktionerna anpassningsbara
  4. Skapa CSA-undermodul med gemenskapsstödda funktioner
    • Skapa underhållsverktyg för kontrollpanelen för att ta bort föråldrade resultat och crawla om befintligt innehåll.
    • Möjliggör att markera vissa tester som OK för hela webbplatsen, inte bara på en sida.
    • Möjliggör delad konfiguration med separata inställningar och tester för utvecklare och innehållsredaktörer.

Under diskussion

Diskutera och rösta på dessa idéer i Editoria11y-bibliotekets forum.

Idéer är märkta med uppskattningar av svårighetsgrad och prioritet baserat på nuvarande gemenskapsdiskussioner.

  • Övervakningskontrollpanel för flera webbplatser
  • Identifiering av brutna länkar
  • PDF-skanning
  • Flik för kodplats i verktygstips
  • Sidrapportexport i verktygstips
  • Flaggade ord
  • CLI-utvecklingsverktyg
  • Bokmärken/Webbläsartillägg
  • ACT-regelvalidering
  • Utöka validering av namn/roll/värde