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 kvalitetssäkringsverktyg med öppen källkod som erbjuder liknande funktionalitet som produkter med sluten källkod, till ett betydligt lägre pris.

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 2027: Skapa styrningsverktyg för WordPress inför publicering

Det här projektet är helt finansierat genom ett generöst anslag från en grupp universitet som vill vara med och utforma funktionaliteten.

  • Skapa rollbaserad konfiguration för vilka användare som får spara sidor med kända problem.
  • Skapa en guide i redigeraren som redaktörer går igenom för att granska varningar de inte har åtgärdat innan innehållet publiceras.
Början av 2027: Kontroll av brutna länkar för Drupal och WordPress

Status: Vi söker partner och medverkande. Det här projektet är delvis finansierat genom ett akademiskt anslag, men arbetet har ännu inte påbörjats.

  • Skapa DB-tabeller för att lagra upptäckta URL:er, kopplade till sidor.
  • Skapa cron-jobb som validerar lokala sökvägar med CMS-systemets valideringsverktyg och externa adresser med HTTP get-anrop.
  • Skapa rapporter och rapportexporter.
  • Skapa markering direkt på sidan.
Början av 2027: PDF-kontroll för Drupal och WordPress

Status: vi söker partner och medverkande. Det här projektet är delvis finansierat genom ett akademiskt anslag, men arbetet har ännu inte påbörjats.

  • Skapa DB-tabeller för att lagra upptäckta PDF-filer, kopplade till sidor.
  • Använda PHP-verktyg för att läsa av markup och kontrollera grundläggande taggar.
  • Skapa rapporter med styrningsverktyg. Till exempel: ”Den här PDF-filen är godkänd om sidan innehåller en URL till ett alternativt format.”
  • Anpassa markeringen på sidan utifrån om PDF-filen är känd som felaktig eller möjligen godkänd.

Nyligen färdigställt

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. Porta byggverktyget 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.
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.

  • Övervakningskontrollpanel för flera webbplatser
  • 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