#Παράδειγμα για tooltip με ARIA σήμανση

Ένα tooltip παρέχει επιπλέον πληροφορίες σχετικά με ένα πεδίο φόρμας, έναν σύνδεσμο, ένα κουμπί ή κάποιο άλλο διαδραστικό στοιχείο. Ενεργοποιείται από focus και hover events και παραμένει στην οθόνη όσο το διαδραστικό στοιχείο έχει την εστίαση. Η εστίαση δεν μετακινείται στο tooltip.

Σημείωση: Μπορείτε να χρησιμοποιήσετε το ποντίκι ή το πληκτρολόγιο. Για να σβήσετε το tooltip μετακινείστε την εστίαση ή πατήστε το πλήκτρο Escape [Esc]. Τώρα, ο πηγαίος κώδικας είναι έτσι γραμμένος, ώστε οι συναρτήσεις του αρχείου εντολών να λειτουργούν ανεξάρτητα της συσκευής. Επίσης, είναι και για κινητές συσκευές διαθέσιμα μέσω της χρήσης του πληκτρολογίου.

Tooltip για πεδία φόρμας:

Tooltip για σύνδεσμους:

Σύνδεσμος 1 Σύνδεσμος 2

Tooltip για κουμπιά: