Kerkini Boat — Προσβάσιμη Βαρκάδα, Διαμονή & Ενοικίαση Αυτοκινήτου

2 ημέρες Σχεδιασμός & Ανάπτυξη

Το Kerkini Boat είναι οικογενειακή επιχείρηση στο χωριό Κερκίνη των Σερρών: ο Σπύρος Σφέτκος έχει την πρώτη βάρκα στη λίμνη φτιαγμένη για πρόσβαση με αναπηρικό αμαξίδιο. Το κατάστρωμα είναι επίπεδο, η επιβίβαση γίνεται με πλατιά ράμπα στο ίδιο επίπεδο, κανείς δεν σηκώνεται από το αμαξίδιό του, και 8 έως 10 αμαξίδια χωρούν μαζί με τους συνοδούς τους σε σύνολο 35 θέσεων. Η ξενάγηση μπορεί να γίνει στην ελληνική νοηματική γλώσσα, κατόπιν συνεννόησης κατά την κράτηση. Η ίδια οικογένεια νοικιάζει επίσης ένα αυτόνομο διαμέρισμα και αυτοκίνητα, οπότε η ιστοσελίδα παρουσιάζει τρεις υπηρεσίες χωρίς να κρύβει εκείνη που κάνει την επιχείρηση ξεχωριστή. Τα ελληνικά προηγούνται και τα αγγλικά ακολουθούν ως δύο πλήρη σετ αρχείων με ίδια ονόματα και ίδια δομή, όχι ως κείμενα που εναλλάσσει ένα script — η ιστοσελίδα γράφτηκε για να τη διαβάζουν τα crawlers και οι βοηθοί AI όσο και οι άνθρωποι, γι' αυτό συνοδεύεται από ένα llms.txt γραμμένο στο χέρι και ένα αυτόματα παραγόμενο πλήρες κείμενο κάθε σελίδας. Δεν υπάρχει framework ούτε build, και τίποτα δεν ζητιέται από τρίτους: οι γραμματοσειρές και η βιβλιοθήκη κίνησης έρχονται από τον ίδιο server, απόφαση που η πολιτική απορρήτου τη δηλώνει καθαρά. Η κίνηση είναι διακοσμητική και αστοχεί ανοιχτά με τρεις διαφορετικούς τρόπους, ώστε μια σελίδα της οποίας η JavaScript δεν έφτασε ποτέ να δείχνει ούτως ή άλλως όλα όσα έχει να πει.

Τεχνολογίες

HTML5 CSS3 Vanilla JS GSAP 3 JSON-LD Bilingual EL/EN WCAG 2.2 AA llms.txt Self-hosted fonts SEO

Προκλήσεις

Μια ιστοσελίδα που μιλά για προσβασιμότητα δεν μπορεί να είναι αόριστη ως προς αυτήν. Η βάρκα είναι πραγματικά προσβάσιμη σε αναπηρικά αμαξίδια· το κατάλυμα, ένα παραδοσιακό σπίτι του χωριού, δεν είναι — και το να ειπωθεί αυτό καθαρά, στην ίδια ιστοσελίδα, χωρίς να υπονομεύεται η επιχείρηση, ήταν η πιο δύσκολη απόφαση στα κείμενα. Τρεις υπηρεσίες διεκδικούν επίσης την ίδια αρχική σελίδα, καθεμία με δικό της κοινό: η βαρκάδα, η διαμονή, το αυτοκίνητο. Οι κρατήσεις γίνονται μόνο τηλεφωνικά και μέσω WhatsApp, χωρίς email και χωρίς φόρμα, οπότε κάθε σελίδα έπρεπε να κάνει το επόμενο βήμα προφανές χωρίς το συνηθισμένο χωνί επικοινωνίας. Και το κοινό είναι μοιρασμένο ανάμεσα σε Έλληνες επισκέπτες και σε ξένους παρατηρητές πουλιών, φωτογράφους και συλλόγους αναπηρίας, οπότε καμία από τις δύο γλώσσες δεν μπορούσε να είναι το πάρεργο που παράγει ένας διακόπτης JavaScript.

Λύσεις

Τα ελληνικά και τα αγγλικά είναι δύο πλήρη σετ σελίδων με ίδια ονόματα αρχείων και ίδια δομή, με δικό τους canonical, hreflang και δομημένα δεδομένα, ώστε και τα δύο να διαβάζονται σωστά με τη JavaScript κλειστή. Η κεφαλίδα, το συρτάρι πλοήγησης και το υποσέλιδο παράγονται σε όλες τις 22 σελίδες από κοινά partials, ενώ ένας ελεγκτής επικυρώνει συνδέσμους, αρχεία, εναλλακτικά κείμενα, σειρά επικεφαλίδων, canonicals, δομημένα δεδομένα και όριο 150 KB ανά εικόνα πριν ανέβει οτιδήποτε — δεν υπάρχει CI, οπότε οι έλεγχοι τρέχουν από τη γραμμή εντολών. Η προσβασιμότητα μετρήθηκε αντί να θεωρηθεί δεδομένη: 3.055 κόμβοι κειμένου σε όλες τις 22 σελίδες σε δύο πλάτη, καμία αποτυχία αντίθεσης και καμία οριζόντια κύλιση από τα 320 ως τα 1920 pixel. Η δήλωση προσβασιμότητας απαριθμεί τι προσφέρει η βάρκα και λέει καθαρά ότι το κατάλυμα δεν είναι πλήρως προσβάσιμο· η χωρητικότητα και η ξενάγηση στη νοηματική βρίσκονται στα δομημένα δεδομένα· και γραμματοσειρές και scripts είναι self-hosted, ώστε κανένας επισκέπτης να μη δίνεται σε τρίτους.

Επίσκεψη Έργου