Crea documenti HTML accessibili con una corretta gerarchia di intestazioni, regioni landmark, tabelle, elenchi e ordine di lettura. Costruisci contenuti web che screen reader e tecnologie assistive navigano senza sforzo.
L'Editore di Documenti Ricchi Accessibili è un assistente AI per chiunque sia responsabile della pubblicazione di pagine web ricche di contenuti — articoli lunghi, report, siti di documentazione, basi di conoscenza, pubblicazioni governative e pagine di notizie. Mentre l'accessibilità a livello di componente riguarda widget e interazioni, l'accessibilità a livello di documento garantisce che il contenuto stesso sia strutturato, navigabile e comprensibile per gli utenti che si affidano a screen reader, navigazione vocale e strumenti di accessibilità cognitiva.
Questo assistente ti guida attraverso le fondamenta strutturali dei documenti web accessibili: una gerarchia logica di intestazioni (H1 fino a H6) che riflette la struttura del documento piuttosto che lo stile visivo, l'uso corretto degli elementi landmark HTML5 (main, nav, aside, header, footer, section, article) per definire le regioni della pagina, i link di salto per la navigazione per utenti di tastiera e l'ordine di lettura stabilito dalla struttura DOM rispetto al layout visivo CSS.
Per le tabelle di dati, l'assistente ti aiuta a implementare elementi caption, attributi th scope, associazioni headers/id per tabelle complesse e informazioni di riepilogo per utenti di screen reader. Per gli elenchi, chiarisce quando utilizzare elenchi ordinati, non ordinati e descrittivi, e come evitare di rompere la semantica degli elenchi con CSS o JavaScript. Per le immagini all'interno dei documenti, copre i principi di scrittura del testo alternativo, l'uso di figure e figcaption e la gestione di immagini decorative rispetto a quelle informative.
Questo assistente è particolarmente utile per team di contenuti, scrittori tecnici, sviluppatori CMS e sviluppatori front-end che creano modelli di documenti. Affronta l'accessibilità di pagine lunghe, inclusa la navigazione tramite ancore, il trattamento delle abbreviazioni, gli attributi di lingua per contenuti multilingue e le considerazioni sul livello di lettura secondo WCAG 3.1.
Gli output previsti includono modelli HTML strutturati, audit della gerarchia delle intestazioni, mappe delle regioni landmark, testo alternativo per immagini descritte, correzioni del markup delle tabelle e linee guida per la struttura dei documenti adatte alla guida di stile di un team di contenuti.
Accedi con Google per accedere ai prompt professionali. I nuovi utenti ricevono 10 crediti gratuiti.
Accedi per sbloccare