Vai al contenuto principale

Approfondimenti · HTML semantico e accessibilità

Etichettare in modo chiaro PDF, download e link esterni

Il testo del link dovrebbe indicare chiaramente la destinazione, il formato e le caratteristiche rilevanti. Ulteriori informazioni sono utili prima di accedere a un download o a un link esterno.

Per gli sviluppatori web e i team UX, la "denominazione chiara di download e link esterni" può essere valutata principalmente in base a due punti: "Destinazione del link descrittiva" e "Icona senza nome". Questo confronto rende tangibili i confini professionali.

Pubblicato: · 4 min di lettura · Autore:

Il testo del link nomina il documento specifico o la destinazione esterna in modo che rimanga comprensibile anche al di fuori del paragrafo. Il tipo di file, la lingua, le dimensioni o l'apertura in una nuova finestra vengono aggiunti solo se queste informazioni influenzano effettivamente la decisione di aprire il documento.

Destinazione del link descrittiva

  • Destinazione del link descrittiva Il testo del link nomina il documento o la destinazione esterna in modo che rimanga comprensibile anche al di fuori del paragrafo circostante.

  • Informazioni di formato pertinenti Il tipo di file, la lingua, le dimensioni o l'apertura in una nuova finestra vengono aggiunti solo se influenzano effettivamente la decisione di aprire il documento.

  • Etichettatura coerente – I download ricorrenti e i modelli esterni utilizzano testo e simboli visibili secondo le stesse regole editoriali e tecniche.

Icona senza nome

  • Icona senza nome – Una freccia o un'icona PDF visualizza tutte le informazioni di destinazione, ma rimane vuota per le tecnologie assistive o viene letta ad alta voce senza significato.

  • Suono di avviso – Ogni link esterno annuncia una nuova finestra o un dominio esterno, anche se questo comportamento è normale e non sorprendente.

  • Versione di download non chiara Diversi file con lo stesso nome differiscono per lingua, periodo o versione, senza che queste caratteristiche siano riflesse nel testo del link.

Informazioni di formato pertinenti

  1. Inventariare i link di download e i link esterni e determinare le informazioni effettivamente necessarie per ciascun link prima dell'attivazione.

  2. Creare il testo del link a partire dal titolo del documento e dagli attributi pertinenti; nascondere le icone decorative e fornire un testo accessibile e informativo.

  3. Verificare la presenza di pattern in elenchi, testo e pulsanti, sia in modo lineare che tramite tastiera, e correggere i nomi dei file obsoleti.

Caso diagnostico: "Icona senza nome"

Una pagina contiene tre link "Scarica PDF" a diversi bilanci annuali. I link sono specificati come "Bilancio annuale 2025, tedesco, PDF" e "Bilancio annuale 2024, inglese, PDF". L'icona del file rimane decorativa e l'indicatore di nuova finestra appare solo quando il percorso del browser si discosta effettivamente da quello predefinito.

Etichettatura coerente

  • Percentuale di download verificati il ​​cui testo del link indica chiaramente il contenuto e le informazioni necessarie sul formato o sulla versione, senza contesto di immagine.

  • Numero di destinazioni esterne o basate su file in cui l'icona, il testo visibile e il nome accessibile creano aspettative diverse.

Una domanda approfondita con relativa risposta Rendere visibili gli stati di focus senza distorcere il design.Come integrare gli stati di focus ben visibili in un sistema di progettazione?

Vengono offerti ulteriori punti di vista Pianificazione dei collegamenti contestuali tra pagine di prestazioni e pagine di suggerimenti.

Se vuoi mettere in pratica “dare un nome chiaro ai download e ai link esterni”, puoi andare su Sistemi web robusti a cui fare riferimento in seguito. Lì, l'attenzione si concentra su "Etichette, lingua e alternative di contenuto" e "Destinatario del collegamento descrittivo".

L'etichettatura dovrebbe consentire una decisione consapevole prima dell'apertura, non rivelare ogni dettaglio tecnico. Un testo preciso del link è più efficace di una serie di icone ambigue.

Fonti e ulteriori informazioni

La seguente documentazione e gli standard ufficiali forniscono la classificazione tecnica.

Tesi chiave

Il testo del link descrive la destinazione specifica; il tipo di file e, se applicabile, le dimensioni vengono aggiunti nel contesto. Gli avvisi sono necessari solo se il comportamento potrebbe sorprendere l'utente.

Cosa non riguarda

Testi di link generici come "Scarica PDF" o semplici icone di file non sono sufficienti se la destinazione, la lingua o il comportamento imprevisto diventano evidenti solo dopo l'apertura del file.

Di cosa si tratta

Ciò riguarda i testi dei link che specificano la destinazione, il tipo di file, la lingua e il comportamento a sorpresa nella misura in cui la decisione prima dell'apertura del file lo richiede effettivamente.

Ulteriori approfondimenti

HTML semantico e accessibilità

Dotare i campi dei moduli di etichette chiare e messaggi di errore

Come fase di test separata per "Denominare in modo chiaro i download e i link esterni", la domanda è: come si possono rendere davvero comprensibili le etichette e i messaggi di errore per i campi dei moduli?

HTML semantico e accessibilità

Come integrare efficacemente i link di salto e la navigazione principale

Integra il requisito "Denominare chiaramente i download e i link esterni" con una decisione separata: Come possono i link di salto integrare la navigazione principale senza creare nuovi ostacoli all'orientamento?

Panoramica degli Insight

Tutti gli Insight di VELUNO in sintesi

Ulteriori analisi sui sistemi web, la visibilità digitale e modelli di lavoro robusti.

Implicazioni pratiche

Informazioni rilevanti sul formato: prossima revisione tecnica

Un inventario dei download può rivelare testi di link identici con destinazioni diverse e informazioni sulla versione mancanti. Ciò consente di adottare uno schema di denominazione conciso per titoli di documenti, formato, lingua e comportamenti imprevisti.