Aggiunta di pagine
L'aggiunta di almeno una pagina a un caso di test è necessaria per creare un nuovo caso di test. Una Pagina rappresenta l'individuo o l'unico contenuto specifico della pagina all'interno di un caso di test che si desidera testare per l'accessibilità. Può essere una pagina web completa o una parte di una pagina (ad esempio, un modal). Qualsiasi componente comune definito all'interno di un caso di test che esiste su una pagina specificata non verrà testato come parte del test per quella pagina. Attualmente, il requisito minimo è una pagina e, sebbene tecnicamente non ci sia un numero massimo di pagine consentite, consigliamo di non aggiungerne più di 30 per garantire l'efficienza.
Questa tabella elenca ciascun campo nella finestra di dialogo Aggiungi Pagina nella colonna di sinistra, con una descrizione dell'uso di ciascuno nella colonna di destra.
Nuovo Caso di Test: Pagine (Passo 3 di 3) schermata > Finestra di dialogo Aggiungi Pagina - Descrizioni dell'Utilizzo dei Campi
| Campo | Descrizione dell'Uso |
|---|---|
| Nome | Obbligatorio. Questo solitamente sarebbe il titolo della pagina o il nome di un'area specifica della pagina che è un testo breve per identificare univocamente ciò che è mirato per la conformità all'accessibilità. Il numero massimo di caratteri che è possibile inserire in questo campo è 150. |
| URL | Obbligatorio. Digita l'Uniform Resource Locator come nome di dominio completamente qualificato della pagina, sito o applicazione da testare per l'accessibilità. |
| Ambito | Seleziona l'opzione del pulsante di scelta Intera pagina per mirare all'intera pagina, o l'opzione Area della pagina per specificare solo una porzione di una pagina. Quando l'opzione Area della pagina è selezionata, il campo Selettore appare sotto il campo Ambito, che ti consente di inserire il Selettore CSS appropriato. Questo può essere un selettore semplice come una classe o un ID, o un percorso di selettore. Se stai utilizzando ID CSS, assicurati di iniziare l'ID con un #. Per un nome di classe CSS, inizia con un punto (.). Esempi: #myidname o .myclassname. Per ulteriori informazioni, vedi Processo di Selettore CSS. |
| Elementi presenti sulla pagina | Verifica tutto ciò che si applica. Deseleziona il riquadro selezionato per deselezionarlo, come desiderato. La casella di controllo Moduli è selezionata per impostazione predefinita. Questo ti consente di mirare o ignorare specifici tipi di elementi e le loro regole e punti di controllo di accessibilità associati per limitare ciò che viene testato. |
| Istruzioni | Digita qualsiasi istruzione testuale dettagliata che sia importante per il tester di comprendere prima di testare la pagina (ad esempio, informazioni specifiche richieste per accedere e/o esporre gli elementi della pagina da testare). Nota: Seleziona e trascina l'angolo inferiore destro della casella di testo per espanderla quando è necessario uno spazio più ampio. |
Prima di Iniziare: Questa procedura assume che tu stia aggiungendo una pagina a un nuovo caso di test che stai creando, tuttavia, si applica anche all'aggiunta di una nuova pagina a un caso di test esistente modificandola. Se desideri aggiungere una pagina a un nuovo caso di test, devi prima avviare il processo per crearne uno nuovo. Per ulteriori informazioni, vedi Creazione di un Nuovo Caso di Test. Per aggiungere una pagina a un caso di test esistente, seleziona Modifica caso di test dalla colonna Azioni nella pagina dei Casi di Test. Per ulteriori informazioni, vedi Modifica di un Caso di Test. Il modulo Modifica Caso di Test (finestra di dialogo) è identico al Nuovo Caso di Test, ad eccezione del fatto che ha già campi popolati e almeno una pagina già aggiunta.
Lavorare con pagine esistenti:
Se hai importato in blocco componenti comuni e pagine utilizzando un metodo di caricamento file CSV nella pagina Dettagli, potresti trovare pagine esistenti sul lato destro della pagina. Per sapere come modificare le pagine, leggi l'argomento Modifica delle Pagine. Per riordinare le pagine, leggi l'argomento Riordinare le Pagine. Per eliminare la pagina, leggi l'argomento Eliminazione di una Pagina.
Per aggiungere una pagina a un caso di test:
-
Nella pagina Nuovo Caso di Test, attiva il pulsante Add page a destra dell'etichetta del campo Pagine.
La finestra di dialogo Aggiungi Pagina si apre in una nuova finestra mentre la pagina Nuovo Caso di Test rimane in background. - Digita il nome della pagina da testare nel campo Name .
- Digita (o incolla) l'indirizzo della pagina (Uniform Resource Locator) nel campo URL . Note: Questo campo deve contenere un URL valido con il prefisso del protocollo appropriato.
-
Nel campo Scope , seleziona l'opzione del pulsante di scelta Whole page o Page area come desiderato.
Page Area Note: Quando si seleziona l'opzione Page area , il campo Selector appare sotto il campo Ambito, permettendo di inserire un percorso selettore CSS che definisce l'elemento contenente l'area della pagina. Per ulteriori informazioni, consulta il Processo Selettore CSS.
-
Compila i campi opzionali Elements e Instructions , se desiderato.
- Nel campo Element:, seleziona gli elementi che desideri testare (Moduli, Video, Audio, CAPTCHA e/o Contenuto lampeggiante). Per impostazione predefinita, la casella Forms è selezionata. Deseleziona la casella selezionata se desiderato. Questi rappresentano elementi che potrebbero esistere nella pagina e avere uno o più punti di controllo associati. Deselecting Means Not Applicable: Il campo Elementi nella finestra di dialogo Aggiungi Pagina fornisce diverse caselle di controllo che collettivamente rappresentano elementi meno comuni nella maggior parte delle pagine. Lasciando una qualsiasi di queste deselezionata, si indica a axe Auditor di ignorare l'esecuzione delle regole correlate che si applicano a questi elementi nella pagina da testare e di assegnare automaticamente ai test del punto di controllo associati un risultato "Non Applicabile". Anche se le selezioni vengono effettuate inizialmente qui, appaiono successivamente quando viene avviata una Esecuzione del Test e viene avviato il test automatizzato sulla schermata Prepara la Pagina per il Test Automatizzato, dove sarà possibile effettuare modifiche "al volo" a queste selezioni.
- Nel campo Instructions , digita qualsiasi testo istruttivo rilevante per la pagina, il componente o il contenuto da testare. Questo è il campo appropriato per registrare i dettagli di accesso necessari per accedere alla pagina da testare. Le istruzioni che inserisci qui vengono visualizzate nel campo Step 2 sulla schermata Prepara una Pagina per il Test Automatizzato e Manuale come promemoria per assicurarti che la pagina venga acceduta in modo appropriato prima dell'inizio del test.
-
Attiva il pulsante Add Page .
Dopo l'aggiunta, la finestra di dialogo Aggiungi Pagina si chiude e la schermata Nuovo Caso di Test: Pagine (Passo 3 di 3) mostra un messaggio 'pagina creata con successo' in alto a destra, e ogni pagina aggiunta appare come elemento nella sezione Pagine Definite del pannello Pagine con un Page Name link che ti consente di modificare la pagina nella finestra di dialogo Modifica Pagina, e un red X icon che ti consente di eliminare la pagina.
Nota sul Riordino: A questo punto potresti renderti conto che desideri che le pagine aggiunte appaiano in un ordine diverso. Questo è possibile utilizzando l'icona "dragone" - un pulsante "afferra" o "muovi" con frecce su e giù che compaiono a destra di ogni riga di pagina aggiunta nella tabella della sezione Pagine Definite. Per ulteriori informazioni, consulta la pagina Riordinare le Pagine.
Passo Successivo:
Dopo aver creato un Caso di Test, un passo logico successivo è creare un'Esecuzione del Test, che può essere avviata dalla schermata Casi di Test.