Punti di riferimento e intestazioniLandmarks and Headings

Un'interfaccia utente è in genere organizzata in modo visivamente efficiente, consentendo a un utente di visualizzare rapidamente gli interessi senza dover rallentare la lettura di tutto il contenuto.A user interface is typically organized in a visually efficient way, allowing a sighted user to quickly skim for what interests them without having to slow down to read all the content. Un utente di lettura schermo deve avere questa stessa capacità di skimming.A screen reader user needs to have this same skimming ability. I punti di riferimento e le intestazioni definiscono le sezioni di un'interfaccia utente che facilitano la navigazione in modo più efficiente per gli utenti di Assistive Technology (AT).Landmarks and headings define sections of a user interface that aid in more efficient navigation for users of assistive technology (AT). Contrassegnando il contenuto in punti di riferimento e intestazioni è disponibile un utente che visualizza le schermate per la lettura del contenuto in modo simile a quello di un utente.Marking up the content into landmarks and headings provides a screen reader user the option to skim content similar to the way a sighted user would.

I concetti relativi a punti di interesse di aria, intestazioni di ariae intestazioni HTML sono stati usati nel contenuto Web per anni per consentire una navigazione più rapida da parte degli utenti.The concepts of ARIA landmarks, ARIA headings, and HTML headings have been used in web content for years to allow faster navigation by screen reader users. Le pagine Web utilizzano punti di riferimento e intestazioni per rendere il contenuto più utilizzabile consentendo all'utente di accedere rapidamente al grande blocco (Landmark) e a un blocco più piccolo (titolo).Web pages utilize landmarks and headings to make their content more usable by allowing the AT user to quickly get to the large chunk (landmark) and smaller chunk (heading). In particolare, le utilità per la lettura dello schermo hanno comandi che consentono agli utenti di spostarsi tra i punti di riferimento e spostarsi tra le intestazioni (successivo/precedente o livello di intestazione specifico).Specifically, screen readers have commands allowing users to jump between landmarks and jump between headings (next/previous or specific heading level). È importante considerare i punti di riferimento e le intestazioni nelle app per gli stessi motivi.It is important to consider landmarks and headings in your apps for the same reasons.

I punti di riferimento consentono di raggruppare il contenuto in diverse categorie, ad esempio ricerca, navigazione, contenuto principale e così via.Landmarks enable content to be grouped into various categories such as search, navigation, main content, and so on. Una volta raggruppati, l'utente AT può spostarsi rapidamente tra i gruppi.Once grouped, the AT user can quickly navigate between the groups. Questa navigazione rapida consente all'utente di ignorare quantità potenzialmente significative di contenuto che in precedenza poteva essere stato spostato sopra elemento per elemento per un'esperienza insufficiente.This quick navigation allows the user to skip potentially substantial amounts of content which previously may have had to be navigated over item by item making for a poor experience.

Ad esempio, quando si usa un pannello a schede, si prenda in considerazione questo punto di riferimento per la navigazione.For example, when using a tab panel, consider this a navigational landmark. Quando si usa una casella di modifica di ricerca, prendere in considerazione questo limite di ricerca e prendere in considerazione la possibilità di impostare il contenuto principale come un landmark del contenuto principale.When using a search edit box, consider this a search landmark and consider setting your main content as a main content landmark. Se all'interno di un punto di riferimento o anche all'esterno di un riferimento, è consigliabile impostare sottoelementi come intestazioni con livelli di intestazione logica.Whether within a landmark or even outside a landmark, consider setting sub elements as headings with logical heading levels.

Prendere in considerazione la pagina di accesso facilitato nell'app impostazioni di Windows.Consider the Ease of Access page in the Windows Settings app.

Pagina di accesso facilitato nell'app impostazioni di Windows

È presente una casella di modifica di ricerca che è racchiusa in un punto di riferimento di ricerca.There is a search edit box which is wrapped within a search landmark. Gli elementi di spostamento a sinistra sono racchiusi tra un punto di riferimento per la navigazione e il contenuto principale a destra viene incapsulato all'interno di un landmark del contenuto principale.The navigational elements on the left are wrapped within a navigational landmark and the main content on the right is wrapped within a main content landmark. In questo modo, all'interno del Landmark di spostamento è presente un'intestazione di gruppo principale denominata facilità di accesso , ovvero un livello di intestazione 1.Taking this further, within the navigational landmark there is a main group heading called Ease of Access which is a heading level 1. In sono disponibili le sottoopzioni viso, uditoe così via.Under that are the sub options Vison, Hearing, and so on. Hanno un livello di intestazione 2.These have a heading level 2. L'impostazione delle intestazioni viene continuata all'interno del contenuto principale, impostando di nuovo l'oggetto principale, display, come livello di intestazione 1 e i sottogruppi, ad esempio, rendono tutto più grande come intestazione Level 2.Setting headings is continued within the main content again setting the main subject, Display, as heading level 1 and sub groups such as Make everything bigger as heading level 2.

L'app Impostazioni sarebbe accessibile senza punti di riferimento e intestazioni, ma diventa più utilizzabile.The Settings app would be accessible without landmarks and headings, but it becomes more usable with them. Un utente di lettura schermo può accedere in modo rapido e semplice al gruppo (Landmark) necessario, quindi accedere rapidamente al sottogruppo (intestazione).A screen reader user can quickly and easily get to the group (landmark) they need and then quickly get to the sub group (heading) as well.

Usare AutomationProperties. LandmarkTypeProperty per configurare l'elemento dell'interfaccia utente come tipo di riferimento desiderato.Use AutomationProperties.LandmarkTypeProperty to setup the UI element as the type of landmark you wish. Questo elemento dell'interfaccia utente di riferimento incapsula tutti gli altri elementi dell'interfaccia utente che hanno senso per tale punto di riferimento.This landmark UI element would encapsulate all the other UI elements which make sense for that landmark.

Usare AutomationProperties. LocalizedLandmarkTypeProperty per assegnare un nome specifico al punto di riferimento.Use AutomationProperties.LocalizedLandmarkTypeProperty to specifically name the landmark. Se si seleziona un tipo di riferimento predefinito, ad esempio Main o Navigational, questi nomi verranno usati per il nome del punto di riferimento.If you select a predefined landmark type such as main or navigational, these names will be used for the landmark name. Tuttavia, se si imposta il tipo di riferimento su Custom, è necessario assegnare un nome specifico al punto di riferimento tramite questa proprietà.However, if you set the landmark type to custom you must specifically name the landmark through this property. È anche possibile usare questa proprietà per eseguire l'override dei nomi predefiniti dei tipi di riferimento non personalizzati.You can also use this property to override the default names from the non-custom landmark types.

Usare AutomationProperties. HeadingLevel per impostare l'elemento dell'interfaccia utente come intestazione di un livello specifico da Level1 a Level9.Use AutomationProperties.HeadingLevel to set the UI element as a heading of a specific level from Level1 through Level9.

EsempiExamples

Per numerosi esempi di codice che illustrano come risolvere molti problemi comuni di accessibilità a livello di codice nelle app desktop di Windows, vedere esempi di codice per la risoluzione di problemi comuni di accessibilità a livello di codice nelle app desktop di WindowsFor numerous code samples showing how to resolve many common programmatic accessibility issues in Windows desktop apps, see Code samples for resolving common programmatic accessibility issues in Windows desktop apps.

A questi esempi di codice viene fatto riferimento direttamente da Microsoft Accessibility Insights per Windows, che può aiutare a evidenziare molti problemi di accessibilità nell'interfaccia utente.These code samples are referenced directly by Microsoft Accessibility Insights for Windows, which can help to spotlight many accessibility issues in UI.