Configurare l’editor Rich Text per creare siti accessibili

Adobe Experience Manager supporta funzioni di accessibilità standard, quali testo alternativo per le immagini e funzioni aggiuntive accessibili durante la creazione di contenuti. Gli autori dei contenuti utilizzano queste funzioni con componenti che utilizzano l’editor Rich Text (Rich Text Editor). Le funzioni includono l’aggiunta di testo alternativo, informazioni strutturali tra titoli, elementi di paragrafo e così via.

Per informazioni sulle configurazioni tipiche di RTE, vedere configurare RTE e configurare i plug-in RTE per funzionalità specifiche.

Utilizzate la configurazione dei plug-in RTE per configurare e personalizzare le funzioni relative all’accessibilità. Ad esempio, utilizzare paraformat per aggiungere elementi semantici a livello di blocco aggiuntivo, inclusa l'estensione del numero di livelli di intestazione supportati oltre le H1 di base H2 e H3 fornite per impostazione predefinita. La modifica RTF è possibile utilizzando molti componenti dell’interfaccia utente di authoring. I componenti più utilizzati sono testo, immagini, download e così via.

La funzionalità RTE può essere resa disponibile in molti componenti. Il componente principale è il componente Text.

Per il componente Text in Experience Manager, la schermata seguente mostra l'editor Rich Text con una serie di plug-in abilitati, tra cui paraformat:

Componente Testo RTE in modalità a schermo intero

Configurare le funzioni del plug-in

Per istruzioni su come configurare l'editor Rich Text, vedere configurare la pagina Editor Rich Text. L'articolo riguarda:

Per attivare alcune o tutte le funzioni di un plug-in, configurate il plug-in all'interno del sottoramo rtePlugins appropriato nel CRXDE Lite.

CRXDE Lite che mostra un esempio rtePlugin

Esempio per specificare i formati di paragrafo disponibili nel campo di selezione dell'editor Rich Text

Nuovi formati di blocco semantico sono disponibili per la selezione.

  1. A seconda dell'editor Rich Text, determinare e passare alla posizione di configurazione.
  2. Attivate il campo di selezione dei paragrafi attivando il plug-in.
  3. Specificare i formati che si desidera rendere disponibili nel campo di selezione dei paragrafi.
  4. I formati di paragrafo sono quindi disponibili per l’autore del contenuto dai campi di selezione nell’editor Rich Text.

Con gli elementi strutturali disponibili nell’editor Rich Text tramite le opzioni del formato di paragrafo, Experience Manager fornisce una buona base per lo sviluppo di contenuto accessibile. Gli autori dei contenuti non possono utilizzare l’editor Rich Text per formattare la dimensione del font o i colori o altri attributi correlati, impedendo la creazione di formattazione in linea. Al contrario, gli autori possono selezionare gli elementi strutturali appropriati, ad esempio le intestazioni, e utilizzare gli stili globali scelti dall'opzione Stili per garantire una marcatura pulita e opzioni più avanzate per gli utenti che sfogliano con i propri fogli di stile e il contenuto strutturato correttamente.

Utilizzo della funzione di modifica sorgente

In alcuni casi, gli autori dei contenuti dovranno esaminare e regolare il codice sorgente HTML creato mediante l’editor Rich Text. Ad esempio, un contenuto creato all’interno dell’editor Rich Text potrebbe richiedere più markup per garantire la conformità a WCAG 2.0. Questo può essere fatto con l'opzione modifica sorgente dell'editor Rich Text. È possibile specificare la funzione sourceedit nel plug-in misctools.

ATTENZIONE

Utilizzate attentamente la funzione sourceedit. Eventuali errori di digitazione e le funzioni non supportate possono causare problemi.

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now