Che cosa è HTML5 ARIA?

Question

Che cos'è HTML5 ARIA? Non capisco come implementarlo.

Answer 1

WAI-ARIA è una specifica che definisce il supporto per le applicazioni web accessibili. Definisce gruppo di estensioni di markup (per lo più come attributi su elementi HTML5), che possono essere utilizzati dal web app sviluppatore di fornire ulteriori informazioni sui semantica dei vari elementi a tecnologie assistive come gli screen reader. Naturalmente, per ARIA al lavoro, l'agente utente HTTP che interpreta le esigenze di markup per sostenere ARIA, ma le specifiche si crea in tal modo un, tale da consentire di livello inferiore agenti utente di ignorare la marcatura specifica-ARIA in modo sicuro senza influenzare il funzionalità web app.

Ecco un esempio dalla spec ARIA:

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

Si noti l'attributo role sull'elemento <ul> esterno. Questo attributo non influisce in alcun modo come il markup è resa sullo schermo dal browser; tuttavia, i browser che supportano ARIA aggiungerà OS-specifiche informazioni accessibilità al elemento dell'interfaccia utente reso, in modo che lo screen reader può interpretarlo come un menu e leggerlo ad alta voce con abbastanza contesto per l'utente finale per capire (per esempio, un esplicito "menu" suggerimento audio) ed è in grado di interagire con esso (ad esempio, la navigazione vocale).

Answer 2

ARIA acronimo di Accessible Rich Internet Applications.

  

WAI-ARIA è una tecnologia incredibilmente potente che consente agli sviluppatori di descrivere facilmente le funzionalità di scopo, lo stato e l'altro di interfacce utente ricche visivamente - in un modo che può essere compreso da Assistive Technology. WAI-ARIA è stato finalmente integrato nella corrente bozza di lavoro della specifica HTML 5.

E se vi state chiedendo cosa WAI-ARIA è, è la stessa cosa.

  

Si prega di notare i termini WAI-ARIA e ARIA si riferiscono alla stessa cosa. Tuttavia, è più corretto usare WAI-ARIA a riconoscere le sue origini nella WAI.

WAI Web Accessibility Initiative =

Dagli sguardi di esso, ARIA è usato per le tecnologie assistive e la lettura per lo schermo.

La maggior parte dei vostri dubbi verranno cancellati se leggete questo articolo

http://www.w3.org/TR/aria-in-html /

Answer 3

Di cosa si tratta?

WAI-ARIA è sinonimo di “Web Accessibility Initiative - Accessibile Rich Internet Applications” . Si tratta di un insieme di attributi per aiutare a migliorare la semantica di un sito web o un'applicazione web di aiuto tecnologie assistive, come gli screen reader per non vedenti, dare un senso a certe cose che non sono nativi HTML. Le informazioni esposte può variare da qualcosa di semplice come dire a un lettore di schermo che l'attivazione di un link o un pulsante appena mostrato o nascosto più elementi, ai widget così complesso come sistemi di menu interi o viste ad albero gerarchica.

Questo risultato è ottenuto mediante l'applicazione di ruoli e attributi statali per HTML 4.01 o versione successiva markup che non ha alcuna incidenza sul layout o la funzionalità del browser, ma fornisce informazioni aggiuntive per le tecnologie assistive.

Una pietra angolare di WAI-ARIA è l'attributo di ruolo. Si dice al browser di dire la tecnologia assistiva che l'elemento HTML utilizzato non è in realtà ciò che suggerisce il nome dell'elemento, ma qualcos'altro. Anche se in origine è soltanto un elemento div, questo elemento div può essere il contenitore ad un elenco di elementi di completamento automatico, in questo caso un ruolo di “casella di riepilogo” sarebbe opportuno utilizzare. Allo stesso modo, un altro div che è figlio di quel contenitore div, e che contiene una singola voce di opzione, dovrebbe quindi ottenere un ruolo di “opzione”. Due div, ma attraverso i ruoli, significato completamente diverso. I ruoli sono modellati comunemente usati controparti applicazioni desktop.

Un'eccezione a questo sono ruoli punto di riferimento del documento, che non cambiano il significato effettivo dell'elemento in questione, ma di fornire informazioni su questo particolare luogo in un documento.

La seconda pietra d'angolo sono stati WAI-ARIA e le proprietà. Essi definiscono lo stato degli elementi certi nativi o WAI-ARIA come se qualcosa è espansa o, è richiesto un elemento del modulo, qualcosa ha un menu a comparsa collegato ad esso o simili. Si tratta spesso di dinamiche e cambiano i loro valori in tutto il ciclo di vita di un'applicazione web, e di solito sono manipolati tramite JavaScript.

Che non è vero?

WAI-ARIA non è destinato al comportamento del browser influenza. A differenza di un vero e proprio elemento di tasto, per esempio, un div, che si versa il ruolo di “pulsante” sul non ti dà focusability tastiera, un gestore automatico di scatto quando lo spazio o Invio vengono premuto su di esso, e altre proprietà che sono indiginous ad un pulsante. Il browser stesso non sa che un div con il ruolo di “bottone” è un pulsante, solo la sua parte l'accessibilità API fa.

Di conseguenza, questo significa che è assolutamente necessario per implementare la navigazione da tastiera, focusability e altri modelli comportamentali noti dalle applicazioni desktop da soli. Potete trovare alcune tecniche avanzate ARIA Qui .

Quando non dovrei usarlo?

Sì, questo è corretto, in questa sezione viene prima! Perché la prima regola di utilizzare WAI-ARIA è: Non utilizzare a meno che non sia assolutamente necessario Il meno WAI-ARIA che hai, e più si può contare su utilizzando i widget HTML nativo, i! meglio! Ci sono alcune più regole da seguire, è possibile controllare il qui .

Answer 4

Che cosa è ARIA?

ARIA è emerso come un modo per affrontare il problema dell'accessibilità di usare un linguaggio di markup inteso per i documenti, HTML, per costruire interfacce utente (UI). HTML include un gran numero di caratteristiche a che fare con documenti (P, h3, UL, tabella), ma solo elementi dell'interfaccia utente di base come la A, INPUT e Button. altri sistemi operativi Windows e supportano le API che permettono (Assistive Technology) AT per l'accesso alla funzionalità dei controlli dell'interfaccia utente. Internet Explorer e altri browser mappa gli elementi HTML nativo alle API di accessibilità, ma i controlli HTML non sono ricco come il comune controlli sui sistemi operativi desktop, e non sono sufficienti per le moderne applicazioni web controlli personalizzati possono estendere gli elementi HTML per fornire i ricchi UI necessaria per le applicazioni web moderne. Prima di ARIA, il browser non ha avuto modo di esporre questa ricchezza in più per l'API di accessibilità o AT. L'esempio classico di questo problema è l'aggiunta di un gestore di clic a un'immagine. Esso crea quello che sembra essere un pulsante cliccabile a un utente mouse, ma è ancora solo un'immagine a una tastiera o un utente AT.

La soluzione era quella di creare una serie di attributi che consentono agli sviluppatori di estendere HTML con la semantica dell'interfaccia utente. Il termine ARIA per un gruppo di elementi HTML che hanno funzionalità personalizzate e utilizzare ARIA attribuisce a mappare queste funzioni API di accessibilità è un “Widget. ARIA fornisce anche un mezzo per gli autori di documentare il ruolo di contenuto stesso, che a sua volta, permette AT di costruire meccanismi di navigazione alternativi per il contenuto che sono molto più facili da usare che leggere il testo completo o solo l'iterazione di un elenco dei link.

E 'importante ricordare che nei casi più semplici, è molto preferibile utilizzare controlli HTML nativi e loro stile piuttosto che utilizzare ARIA. Cioè Non ruote reinventare o caselle di controllo, se non è necessario.

Per fortuna, ARIA markup può essere aggiunto a siti esistenti senza cambiare il comportamento per utenti mainstream. Questo riduce notevolmente il costo di modificare e testare il sito web o applicazione.

Answer 5

Ho eseguito qualche altra domanda per quanto riguarda ARIA. Ma è sguardi di contenuto più promettente per questa domanda. vorrei condividere loro

Che cosa è ARIA?

Se si mette impegno nel rendere il vostro sito web accessibile agli utenti con una varietà di differenti abitudini di navigazione e disabilità fisiche, è probabile che riconoscono il ruolo e gli attributi aria- *. WAI-ARIA (Accessible Rich Internet Applications) è un metodo di fornire modi per definire i contenuti web dinamici e applicazioni in modo che le persone con disabilità in grado di identificare e con successo interagire con esso. Questo viene fatto attraverso i ruoli che definiscono la struttura del documento o applicazione, o attraverso * aria- attributi definizione di un widget di-ruolo, relazione, stato o di proprietà.

uso

ARIA è raccomandato nelle specifiche per rendere le applicazioni HTML5 più accessibili. Quando si utilizzano elementi HTML5 semantici, è necessario impostare il loro ruolo corrispondente.

E vedere questo tube video per ARIA dal vivo.