Utilizarea aria-labelledby pentru a furniza un nume pentru controalele interfetei utilizatorului

stare

  • Anchetat de TF 25 iunie 2012
  • Discutat de TF 25 iunie 2012
  • 1 noiembrie 2012: gata de revizuire
  • Anchetat de WG 10 ianuarie 2013, a revenit la TF
  • Impartiti denumirea controalelor de la denumirea regiunilor / reperelor de la denumirea continutului non-text de tip imagine
  • Anchetat de TF 03 Oct 2013
  • Adaugat la XML de AWK 2014/1/2

Note agent utilizator [Se publica separat]

  • Jaws V.11 si mai mare are un suport complet. belami porno
  • ChromeVox V.1 si versiunile ulterioare au suport complet
  • VoiceOver V. lecture porno 3 si suporturi mai mari ???
  • NVDA 2 accepta Aria Describedby ???
  • Window Eyes incepand cu V.7 ???. catherine ringer porno

Aplicabilitate

Aceasta tehnica se aplica tehnologiilor HTML folosind WAI-ARIA.

Aceasta tehnica se refera la:

  • Criteriul de succes 1. porno humour 3.1 (informatii si relatii)
  • Criteriul de succes 4. nylon porno 1.2 (nume, rol, valoare)

Descriere

Scopul acestei tehnici este de a furniza nume pentru controalele interfetei cu utilizatorul care pot fi citite prin tehnologia de asistenta. porno antillais WAI-ARIA ofera o modalitate de a asocia textul cu o sectiune, desen, element de formular, imagine si asa mai departe, utilizand proprietatea aria-labelledby. Aceasta tehnica foloseste atributul aria-labelledby pentru a asocia un control al interfetei de utilizator, cum ar fi un camp formular, cu text pe pagina care il eticheteaza. scooby doo porno

La fel ca aria-describedby, aria-labelledby poate accepta mai multe id-uri pentru a indica alte elemente ale paginii folosind o lista separata de spatiu. Aceasta capacitate face ca eticheta aria sa fie utila in special in situatiile in care utilizatorii cu vedere va folosesc informatii din contextul inconjurator pentru a identifica un control. jeu porno 3d Utilizarea aria-labelledby pentru a concatena o eticheta din mai multe noduri de text contine mai multe exemple de situatii in care numele sunt create din mai multe alte elemente de text de pe pagina.

In timp ce functia aria-labelledby apare similara cu elementul de eticheta HTML nativ, exista unele diferente:

  • aria-labelledby poate face referire la mai multe elemente de text; eticheta poate face referire doar la una. porno one piece
  • aria-labelledby poate fi utilizat pentru o varietate de elemente, in timp ce elementul de eticheta poate fi utilizat numai pe elementele de formular.
  • Dand clic pe o eticheta se concentreaza campul formular asociat. cameron diaz porno



    • porno brasileiro
    • viol porno
    • charlotte gainsbourg porno
    • mapouka porno
    • coqnu porno
    • porno entier
    • porno pere
    • porno sauna
    • porno fitness
    • porno dragon ball
    • hinata porno
    • bourgeoise porno
    • porno film complet
    • miley cyrus porno
    • porno 1950
    • porno femme de menage
    • porno 1970
    • photos porno mature
    • porno comores
    • lust porno





    Acest lucru nu se intampla cu aria-labelledby. Daca este necesar acest comportament, utilizati eticheta sau implementati aceasta functionalitate folosind scriptarea. film porno perfect girl

Retineti ca incepand din decembrie 2013, eticheta are un suport mai bun decat aria-labelledby, in special in browserele mai vechi si in tehnologiile de asistenta.

Exemple

Exemplul 1

Urmatorul este un exemplu de eticheta aria folosita pe un camp de text simplu pentru a furniza o eticheta intr-o situatie in care nu exista text disponibil pentru o eticheta dedicata, dar exista si alt text pe pagina care poate fi utilizat pentru a eticheta cu precizie controlul. porno mec

<input name = „searchtxt” type = „text” aria-labelledby = „searchbtn”> <input name = „searchbtn” id = „searchbtn” type = „submit” value = „Search”>

Exemplul 2

Mai jos este un exemplu de etichetare aria folosita pentru a furniza o eticheta pentru un control glisant. In acest caz, textul etichetei este selectat dintr-un sir de text adiacent mai lung. tante porno Va rugam sa retineti ca acest exemplu este simplificat pentru a afisa doar relatia de etichetare; autorii care implementeaza controale personalizate trebuie, de asemenea, sa se asigure ca controalele indeplinesc alte criterii de succes.

<p> Va rugam sa selectati <span id = „mysldr-lbl”> numarul de zile pentru calatoria dvs. taxi porno </span> </p> <div id = „mysldr” role = „slider” aria-labelledby = „mysldr-lbl „> </div>

Exemplul 3

Urmatorul exemplu de aria etichetata de mai multe referinte foloseste elementul eticheta. Pentru detalii suplimentare despre concatenarea mai multor surse de informatii intr-o eticheta cu aria-labelledby, va rugam sa vizualizati tehnica Utilizarea ARIA labelledby pentru a concatena o eticheta din mai multe noduri de text. porno f

<label id = „l1” for = „f3”> Notificati-ma </label> <select name = „amt” id = „f3” aria-labelledby = „l1 f3 l2”> <option value = „1”> 1 </option> <option value = „2”> 2 </option> </select> <span id = „l2” tabindex = „- 1”> cu zile inainte </span>

Nota: Utilizarea elementului de eticheta este inclusa din mai multe motive. Daca utilizatorul da clic pe textul elementului de eticheta, campul de formular corespunzator va primi focalizare, ceea ce face ca tinta de clic mai mare pentru persoanele cu probleme de dexteritate. photos porno vintage De asemenea, elementul de eticheta va fi intotdeauna expus prin intermediul accesibilitatii API. Ar putea fi utilizat un interval (dar daca da, ar trebui sa primeasca un tabindex = „- 1” astfel incat sa fie expus prin intermediul API-ului de accesibilitate in toate versiunile de Internet Explorer). film porno complet gratuit Cu toate acestea, un interval ar pierde avantajul unei regiuni mai mari pe care se poate face clic.

Resurse

  • WAI ARIA 1. nabila porno 0 Practici de autor
  • Ghidul de implementare a API-urilor pentru accesibilitatea HTML catre platforma: Numele accesibil si calculul descrierii

  • Utilizarea aria-labelledby pentru a oferi o alternativa de text pentru continut non-text
  • Utilizarea aria-label pentru a furniza etichete pentru obiecte
  • Folosind aria-labelledby pentru a concatena o eticheta din mai multe noduri de text
  • Folosind aria-labelledby in scopul legaturii
  • Folosind aria-labelledby pentru a denumi regiuni si repere
  • G92: Furnizarea unei descrieri lungi pentru continut non-text care are acelasi scop si prezinta aceleasi informatii
  • H45: Folosind longdesc

Teste

Procedura

Pentru fiecare element de control al interfetei de utilizator in care este prezent un atribut aria-labelledby:

  1. Verificati daca valoarea atributului aria-labelledby este id-ul unui element sau o lista separata de spatiu a ID-urilor de pe pagina web.
  2. Verificati daca textul elementului sau elementelor de referinta eticheteaza corect controlul interfetei utilizatorului. sene porno

rezultate asteptate

Verificarile # 1 si # 2 sunt adevarate.