Cheatsheet ng mga value ng ARIA role: mga landmark, dokumento, widget, at live-region role na may layunin at mga kaso ng paggamit.
Nagdedeklara ang mga ARIA role kung ano ang ginagawa ng isang elemento. Nagmamapa ang mga landmark role ng mga rehiyon ng pahina. Nagbabalangkas ang mga dokumento role ng nilalaman. Nagmamarka ang mga widget role ng mga interactive na kontrol. Nag-aanunsyo ang mga live region role ng mga dynamic na update.
Talaan ng sanggunian · 77 entries
Mga Role ng ARIAExplained
77 of 77 rows
Landmark
Kinikilala ang header ng site sa itaas ng pahina.
Logo ng brand, pangunahing tagline, masthead sa itaas ng pahina.
Nagpapangkat ng koleksyon ng mga navigation link.
Mga pangunahing menu, breadcrumb, nav sa loob ng pahina.
Minamarka ang nangingibabaw na nilalaman ng dokumento.
Ang natatanging pangunahing katawan ng pahina.
Minamarka ang sumusuportang nilalaman na hiwalay sa main.
Mga sidebar, kaugnay na link, mga callout.
Nagpapangkat ng metadata ng footer tungkol sa parent na dokumento.
Mga linya ng copyright, link ng privacy, legal na footer.
Minamarka ang rehiyon na naglalaman ng search form.
Paghahanap sa site, mga filter form, mga find box.
Minamarka ang pinangalanang nasasalat na seksyon ng pahina.
Mga custom na seksyon na may accessible na pangalan.
Minamarka ang rehiyon na naglalaman ng hanay ng mga form field.
Pinangalanang search form, mga filter panel, seksyon ng survey.
Minamarka ang rehiyon na kumikilos bilang software application.
Mga full-page editor, mapa, mga surface ng laro.
Dokumento
Minamarka ang sariling nakatayong komposisyon.
Mga blog post, balita, product card.
Minamarka ang heading para sa isang seksyon ng nilalaman.
Mga titulo ng seksyon kapag hindi angkop ang native na h1-h6.
Nagpapangkat ng listahan ng mga kaugnay na item.
Mga custom na bullet o numbered na listahan.
Minamarka ang isang item sa loob ng listahan.
Isang row ng custom na listahan.
Nagpapangkat ng hanay ng mga kaugnay na form control.
Mga fieldset ng form, radio group, mga kaugnay na input.
Minamarka ang graphical na nilalaman na may kasamang caption.
Mga larawan, diagram, tsart na may label.
Minamarka ang datos na nakaayos sa row at column.
Tabular na datos na gawa sa mga custom na elemento.
Minamarka ang kitang-kitang label para sa table, grid, o figure.
Mga titulo sa itaas ng data table, label ng figure.
Nagpapangkat ng hanay ng mga kaugnay na row sa isang table.
Mga band ng header, body, at footer ng table.
Minamarka ang isang linya ng cell sa table o grid.
Isang linya ng record ng custom na table.
Minamarka ang header cell para sa column ng table.
Mga label sa itaas ng data table.
Minamarka ang header cell para sa row ng table.
Ang nangungunang label ng bawat row ng table.
Minamarka ang isang data cell sa loob ng row.
Indibidwal na value ng custom na row ng table.
Minamarka ang salita o pariralang binibigyang kahulugan.
Mga key ng diksyunaryo, term ng definition list.
Minamarka ang kahulugan ng naunang term.
Ang paglalarawan sa ilalim ng tinukoy na term.
Minamarka ang puna na nakalagay sa gilid ng pangunahing nilalaman.
Mga tip, aside, puna sa estilo ng footnote.
Minamarka ang listahan ng reference sa mga miyembro ng grupo.
Mga table of contents at index ng link (deprecated sa ARIA 1.2).
Minamarka ang naka-scroll na listahan ng mga seksyon ng article.
Mga infinite-scroll na stream na naglo-load ng karagdagang nilalaman.
Minamarka ang nilalamang nakasulat sa notasyon ng matematika.
Mga formula na nagmula sa LaTeX o MathML.
Minamarka ang scalar na value sa loob ng kilalang range.
Mga bar ng disk usage, iskor, gauge ng lakas.
Minamarka ang tiyak na sandali o tagal.
Mga timestamp, petsa ng event, lumipas na oras.
Minamarka ang bloke ng prosang teksto.
Mga bloke ng teksto na hindi nakasulat bilang native na p element.
Minamarka ang sipi na mula sa ibang pinagmulan.
Mga pull quote at sipi na may pinagmulan.
Minamarka ang piraso ng computer code.
Mga inline snippet at pangalan ng command sa prosa.
Minamarka ang teksto na may diin.
Mga salitang may diin sa loob ng pangungusap.
Minamarka ang teksto na may malakas na kahalagahan.
Mga babala, mahahalagang parirala, label na dapat basahin.
Minamarka ang tekstong iginuhit sa ilalim ng baseline.
Mga kemikal na formula tulad ng H2O.
Minamarka ang tekstong iginuhit sa itaas ng baseline.
Mga marker ng footnote at exponent.
Minamarka ang simpleng container na walang espesyal na kahulugan.
Mga wrapper ng layout at hook ng styling.
Inaalis ang semantics ng elemento.
Mga decorative na larawan, layout table, elemento ng divider.
Minamarka ang elemento bilang isang larawan.
Mga sprite ng icon, grupo ng SVG, grafik na iginuhit ng CSS.
Widget
Minamarka ang klikable na kontrol na nagti-trigger ng aksyon.
Mga custom na button, icon button, trigger ng aksyon.
Minamarka ang link papunta sa ibang resource o lokasyon.
Mga custom na anchor at link ng ruta sa loob ng app.
Minamarka ang toggle para sa isang opsyon.
Mga custom na checkbox, toggle ng pagtanggap ng tuntunin.
Minamarka ang isang pagpili sa mutually exclusive na grupo.
Mga custom na radio sa loob ng radiogroup.
Minamarka ang binary na on/off toggle.
Mga toggle ng tema, mute, at setting.
Nagpapangkat ng mga label para sa isang hanay ng tab.
Ang tab strip ng panel na may tab.
Minamarka ang isang label sa loob ng tablist.
Isang tab na nagpapakita ng isang panel.
Minamarka ang panel ng nilalaman para sa isang tab.
Ang katawan na ipinapakita kapag aktibo ang tab nito.
Minamarka ang overlay window sa ibabaw ng pahina.
Mga modal, drawer, popover na kumukuha ng focus.
Minamarka ang dialog na nangangailangan ng sagot ng user.
Kumpirmasyon ng pag-delete, prompt ng mga hindi na-save na pagbabago.
Minamarka ang input na may popup ng mga pagpilian.
Autocomplete, search-select, mga typeahead na listahan.
Minamarka ang kontrol na nagtatakda ng value sa isang range.
Volume, presyo, opacity, mga range input.
Minamarka ang listahan ng mga pagpipilian para sa user.
Mga dropdown menu, context menu, palette ng tool.
Minamarka ang isang opsyon sa loob ng menu.
Isang row o item ng dropdown menu.
Minamarka ang field para sa free-form na text input.
Mga custom na input, search field, comment box.
Minamarka ang hierarchical na listahan ng mga item.
Mga file explorer, nested na menu, org chart.
Minamarka ang listahan ng mga mapipiling opsyon.
Mga custom na picker para sa isa o maraming pagpilian.
Minamarka ang isang pagpilian sa loob ng listbox.
Isang mapipiling entry ng custom na listbox.
Nagpapangkat ng hanay ng mga mutually exclusive na pagpilian.
Mga custom na radio set, picker ng plano, sagot sa scale.
Minamarka ang widget ng mga row at column ng cell.
Mga layout ng spreadsheet, view ng buwan sa kalendaryo.
Minamarka ang grid na ang mga row ay nag-e-expand at nag-collapse.
Mga nested na data table, table ng mail thread.
Minamarka ang isang nae-expand na opsyon sa loob ng tree.
Isang node ng file o folder sa file explorer.
Minamarka ang popup na nagbibigay pahiwatig tungkol sa kontrol.
Mga hint sa hover, tip sa focus para sa icon button.
Minamarka ang elemento na nagpapakita ng progreso ng gawain.
Mga upload bar at indicator ng paglo-load.
Minamarka ang kontrol na nag-scroll ng view ng nilalaman.
Mga custom na scroll handle para sa pane at carousel.
Minamarka ang kontrol na nagbabago ng value nang hakbang-hakbang.
Mga quantity picker, number stepper.
Minamarka ang text field para sa pagpasok ng search term.
Mga custom na search bar at filter field.
Minamarka ang grupo ng mga madalas gamiting kontrol.
Mga formatting bar, row ng aksyon sa itaas ng editor.
Minamarka ang row ng mga permanente na trigger ng menu.
Mga strip ng File at Edit menu na estilo ng app.
Minamarka ang opsyon sa menu na nag-o-on o nag-o-off.
Mga toggle ng view option sa loob ng dropdown menu.
Minamarka ang isang eksklusibong pagpilian sa loob ng menu.
Mga pagpilian ng sort-order at tema sa menu.
Minamarka ang divider sa pagitan ng mga grupo ng nilalaman.
Mga divider ng menu, splitter ng pane na kayang i-drag.
Live region
Nag-aanunsyo ng urgent at mahalagang mensahe.
Mga error sa form, agarang abiso na nangangailangan ng atensyon.
Nag-aanunsyo ng advisory na update nang hindi nakakagambala.
Kumpirmasyon ng pag-save, progreso, malumanay na resulta.
Nag-aanunsyo ng bagong entry sa chronological na stream.
Mga transcript ng chat, log ng event, feed ng aktibidad.
Nag-aanunsyo ng nag-scroll o gumagalaw na tekstong nilalaman.
Mga ticker, scroll na news bar, umiikot na banner.