Konfigurera RTE för att skapa tillgängliga webbsidor och webbplatser configure-rte-for-accessibility

Adobe Experience Manager har stöd för många vanliga tillgänglighetsfunktioner enligt olika tillgänglighetsstandarder. Dessutom kan utvecklare anpassa eller utöka för att få funktioner som hjälper dig att skapa tillgängligt innehåll med hjälp av Experience Manager-komponenter som använder textredigeraren.

När du utformar webbsidor och lägger till innehåll på sidorna kan innehållsutvecklare och författare använda funktioner i textredigeraren för att tillhandahålla tillgänglighetsrelaterad information. Du kan till exempel lägga till strukturinformation via rubriker och styckeelement.

Om du vill konfigurera och anpassa de här funktionerna konfigurerar du RTE-pluginerna för komponenten. Med plugin-programmet paraformat kan du till exempel lägga till ytterligare semantiska element på blocknivå, inklusive att utöka antalet rubriknivåer som stöds utöver de grundläggande H1-, H2- och H3-elementen som standard.

RTE finns i en mängd komponenter för det beröringsaktiverade användargränssnittet och det klassiska användargränssnittet. Den primära komponenten som ska använda RTE är dock Text -komponenten som är tillgänglig för båda gränssnitten. I följande bilder visas RTE med ett intervall av plugin-program aktiverade, inklusive paraformat:

Figur: Textkomponenten i det beröringsaktiverade användargränssnittet.

Figur: Textkomponenten i det klassiska användargränssnittet.

Skillnaderna mellan de RTE-funktioner som är tillgängliga i de olika gränssnitten finns i Plugin-program och deras funktioner.

Konfigurera plugin-programfunktionerna configure-the-plugin-features

Fullständiga anvisningar om hur du konfigurerar textredigeraren finns i Konfigurera sidan för textredigeraren. Detta täcker alla frågor, inklusive de viktigaste stegen:

Genom att konfigurera ett plugin-program i rätt rtePlugins-undergren i CRXDE Lite kan du aktivera alla eller specifika funktioner för det plugin-programmet.

Exempel - ange styckeformat som är tillgängliga i markeringsfältet för textredigering example-specifying-paragraph-formats-available-in-rte-selection-field

Nya semantiska blockformat kan göras tillgängliga för markering genom att:

Eftersom strukturella element är tillgängliga i textredigeraren via alternativen för styckeformat, är AEM en bra grund för utveckling av hjälpmedelsanpassat innehåll. Innehållsförfattare kan inte använda textredigeraren för att formatera teckenstorlek, färger eller andra relaterade attribut, vilket förhindrar att textbunden formatering skapas. I stället måste de markera lämpliga strukturella element, t.ex. rubriker, och använda globala format som du väljer med alternativet Format. Detta garanterar ren markering, fler alternativ för användare som bläddrar med egna formatmallar och korrekt strukturerat innehåll.

Användning av källredigeringsfunktionen use-of-the-source-edit-feature

I vissa fall måste innehållsförfattare granska och justera HTML källkoden som skapats med RTE. En del innehåll som skapats i en textredigerare kan till exempel kräva ytterligare kod för att säkerställa överensstämmelse med WCAG 2.0. Detta kan du göra med alternativet källredigering i textredigeraren. Du kan ange funktionen sourceedit i misctools plugin.

Lägg till stöd för fler element och attribut i HTML add-support-for-more-html-elements-and-attributes

Om du vill utöka tillgänglighetsfunktionerna i AEM ytterligare kan du utöka de befintliga komponenterna baserat på RTE (till exempel komponenterna Text och Tabell) med ytterligare element och attribut.

Följande procedur visar hur du utökar komponenten Table med ett Caption -element som ger information om en datatabell för hjälpmedelsanvändare:

Exempel - lägg till bildtexten i dialogrutan Tabellegenskaper example-adding-the-caption-to-the-table-properties-dialog

I konstruktorn för TablePropertiesDialog lägger du till ytterligare ett textinmatningsfält som används för att redigera bildtexten. Observera att itemId måste anges till caption (det vill säga DOM-attributets namn) för att innehållet ska hanteras automatiskt.

Ange eller ta bort attributet till/från DOM-elementet i Tabell. Värdet skickas av dialogrutan i objektet config. Observera att DOM-attribut bör anges/tas bort med motsvarande CQ.form.rte.Common-metoder ( com är en genväg för CQ.form.rte.Common) för att undvika vanliga fel i webbläsarimplementeringar.

Exempel: skapa tillgänglig HTML när textbetoning används create-accessible-html-for-text

RTE kan använda taggarna strong och em i stället för b och i. Lägg till följande nod som jämställd i noderna uiSettings och rtePlugins i dialogrutan.

<htmlRules jcr:primaryType="nt:unstructured">
    <docType jcr:primaryType="nt:unstructured">
        <typeConfig jcr:primaryType="nt:unstructured"
                useSemanticMarkup="{Boolean}true">
            <semanticMarkupMap
                    b="strong"
                    i="em"/>
        </typeConfig>
    </docType>
</htmlRules>

Stegvisa instruktioner step-by-step-instructions