#ARIA states και attributes

Γενικές πληροφορίες για ARIA states και attributes

Τα χαρακτηριστικά του προτύπου ARIA κάνουν δυνατή την τροποποίηση των καταστάσεων και των ιδιοτήτων ενός στοιχείου όπως ορίζονται στο δέντρο προσβασιμότητας. Τα ARIA χαρακτηριαστικά αλλάζουν μόνο το δέντρο προσβασιμότητας καθορίζοντας τον τρόπο με τον οποίο οι βοηθητικές τεχνολογίες παρουσιάζουν το περιεχόμενο στους χρήστες.

Το ARIA δεν αλλάζει τη λειτουργία ή τη συμπεριφορά ενός στοιχείου. Εάν δε χρησιμοποιείτε σημασιολογικά στοιχεία της HTML για τον προορισμό τους και την τυπική τους λειτουργικότητα, πρέπει να χρησιμοποιήσετε JavaScript για να διαχειριστείτε τη συμπεριφορά, την εστίαση και τις καταστάσεις (states) ARIA.

ARIA states και attributes

Τύποι χαρακτηριστικών ARIA (ARIA attributes)

Υπάρχουν 4 κατηγορίες ARIA καταστάσεων και ιδιοτήτων.

1. Χαρακτηριστικά widget

  • aria-autocomplete
  • aria-checked
  • aria-disabled
  • aria-errormessage
  • aria-expanded
  • aria-haspopup
  • aria-hidden
  • aria-invalid
  • aria-label
  • aria-level
  • aria-modal
  • aria-multiline
  • aria-multiselectable
  • aria-orientation
  • aria-placeholder
  • aria-pressed
  • aria-readonly
  • aria-required
  • aria-selected
  • aria-sort
  • aria-valuemax
  • aria-valuemin
  • aria-valuenow
  • aria-valuetext

2. Χαρακτηριστικά ζωντανής περιοχής (live region)

3. Drag-and-Drop-Attribute

  • aria-dropeffect
  • aria-grassed

4. Ιδιότητες σχέσης

Πηγή: MDN