SiteAccessible

Εξατομίκευση

Σχεδιάστε το πριν εγγραφείτε

Κάθε ρύθμιση εδώ είναι πραγματική ρύθμιση του πάνελ. Αλλάξτε ό,τι θέλετε, δείτε την προεπισκόπηση να ενημερώνεται και έπειτα πάρτε μαζί σας το απόσπασμα κώδικα και τη διαμόρφωση.

Εμφάνιση

Θέση κουμπιού

24 px
24 px

Εικονίδιο κουμπιού

Χρώμα έμφασης και εικονιδίου
#5B4BFF
#FFFFFF

5.39:1 πληροί το ελάχιστο 3:1 αντίθεσης μη κειμενικού περιεχομένου του WCAG 1.4.11.

Προσαρμογές

21 / 21

Αν απενεργοποιήσετε μια προσαρμογή, εξαφανίζεται εντελώς από το πάνελ — χωρίς γκριζαρισμένα χειριστήρια.

Γλώσσες

Επιλέξτε ποιες γλώσσες προσφέρει το πάνελ και σε ποια ανοίγει. Οι ετικέτες των πλακιδίων σε αυτήν την προεπισκόπηση παραμένουν στη γλώσσα με την οποία περιηγείστε στον ιστότοπο.

Ενεργοποιημένες γλώσσες

Συμπεριφορά

Ζωντανή προεπισκόπηση

Τα πλακίδια είναι επιλέξιμα

56 px · Κύκλος · Σύμφωνα με το σύστημα του επισκέπτη

Το απόσπασμα κώδικά σας

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

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Διαμόρφωση σε JSON

Χρήσιμο αν δίνετε οδηγίες σε έναν προγραμματιστή ή θέλετε να αναπαράγετε ακριβώς αυτήν τη διαμόρφωση σε πολλούς ιστότοπους.

widget.config.json
{
  "position": "bottom-right",
  "offset": {
    "x": 24,
    "y": 24
  },
  "size": "md",
  "shape": "circle",
  "accentColor": "#5B4BFF",
  "iconColor": "#FFFFFF",
  "theme": "auto",
  "defaultLocale": "el",
  "locales": [
    "en",
    "el"
  ],
  "features": [
    "contrast",
    "saturation",
    "text-size",
    "text-align",
    "line-height",
    "text-spacing",
    "link-highlight",
    "highlight-titles",
    "focus-highlight",
    "stop-animations",
    "large-cursor",
    "dyslexia",
    "blue-light",
    "reading-mask",
    "reading-guide",
    "slow-cursor",
    "hide-images",
    "hide-buttons",
    "read-aloud",
    "dictionary",
    "page-structure"
  ],
  "showBranding": true,
  "draggable": true,
  "rememberState": true,
  "hideOnMobile": false,
  "openOnLoad": false,
  "pulse": true,
  "pulseLoop": false,
  "profilesAccordion": false,
  "keyboardShortcut": "alt+a",
  "icon": "person"
}

Θέστε αυτόν τον σχεδιασμό σε λειτουργία

Ξεκινήστε τη δοκιμαστική περίοδο 7 ημερών και προσθέστε τον ιστότοπό σας. Ξεκινά με τον προεπιλεγμένο σχεδιασμό και κάθε ρύθμιση αυτής της σελίδας υπάρχει στο εργαλείο εξατομίκευσης του πάνελ σας, οπότε η αναδημιουργία αυτού του σχεδιασμού διαρκεί ένα λεπτό.