Στατική σελίδα, προσαρμογή για ΑΜΕΑ

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
silve992
Δημοσιεύσεις: 5
Εγγραφή: 13 Φεβ 2012 20:47
Τοποθεσία: Βόλος
Επικοινωνία:

Στατική σελίδα, προσαρμογή για ΑΜΕΑ

Δημοσίευση από silve992 » 15 Μαρ 2015 22:51

Γεια χαρά!

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

Ένα παράδειγμα για να καταλάβετε καλύτερα τι χρειάζομαι μπορείτε να δείτε εδώ.
http://www.frontidamazi.gr/

Όποιος γνωρίζει πως μπορεί να γίνει κάτι τέτοιο, ας μου στείλει ένα μήνυμα να το συζητήσουμε!
Ευχαριστώ πολύ!

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Στατική σελίδα, προσαρμογή για ΑΜΕΑ

Δημοσίευση από alou » 16 Μαρ 2015 18:38

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

Αν σε ενδιαφέρει να διευκολύνεις την προσβασιμότητα σε ΑΜΕΑ, υπάρχει πολύ μεγάλη διαφορά στον τρόπο που θα πρέπει να το κοιτάξεις και για αρχή μπορείς να ρίξεις μια ματιά εδώ.
https://developer.mozilla.org/en-US/doc ... ility/ARIA

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Στατική σελίδα, προσαρμογή για ΑΜΕΑ

Δημοσίευση από apsuh0s » 16 Μαρ 2015 18:45

Επειδή με απασχόλησε στο παρελθόν πολύ το συγκεκριμένο ζήτημα, τα συμπεράσματα στα οποία κατέληξα είναι τα εξής:

Αυτός που επιθυμεί κατά την πλοήγησή του να βλέπει μεγαλύτερα γράμματα το έχει ήδη ρυθμίσει στο browser του. Για παράδειγμα στον chrome settings --> show advanced settings --> web content --> font size. Επίσης στον firefox υπάρχει η επιλογή για minimum font size.

Επειδή όμως οι περισσότεροι front end developers χρησιμοποιούν absolute units (π.χ pixels) και όχι relative units (π.χ ems) το παραπάνω δεν έχει αποτέλεσμα.. Επομένως αυτό που θα πρότεινα να κάνεις είναι να χρησιμοποιήσεις relative units. Θα εκτιμηθεί πολύ από το target group που σε απασχολεί να εξυπηρετήσεις. Είναι λίγο μανίκι στην αρχή να προσαρμοστείς διότι αν αποφασίσεις να κάνεις αυτό το άλμα τότε θα πρέπει να προσεγγίσεις όλη τη σχεδιαστική σου στρατηγική με relative units. Ωστόσο πιστεύω ότι αξίζει τον κόπο.

Αρκετοί θα σου πουν πως αυτός που θέλει να διαβάζει στο web με μεγαλύτερα fonts ήδη έχει μάθει το ctrl +, ctrl -, ctrl 0, κάτι το οποίο αληθεύει ως ένα βαθμό αλλά προσωπικά δε με πείθει!

Όσον αφορά τα backgrounds που αλλάζουν το contrast νομίζω είναι λάθος να δίνεις την επιλογή στον end user. Εξάλλου αυτός που δυσκολεύεται με το contrast πιθανότατα έχει εγκαταστήσει κάποιο extension το οποίο κάνει αυτήν ακριβώς τη δουλειά.

Αυτό που μπορείς να κάνεις είναι να επιλέξεις χρώματα τα οποία είναι συγχρόνως λειτουργικά (περνάνε τα tests) και όμορφα! - υπάρχουν αρκετά tools που θα σε βοηθήσουνε..

Τέλος, εφόσον ενδιαφέρεσαι για το accessibility κομμάτι του site καλό θα ήταν να σε απασχολήσει και πως αντιμετωπίζει τις σελίδες σου ένας screen reader.

Γνωρίζω πως δεν απάντησα στην ερώτηση σου αλλά ελπίζω να σου έδωσα τροφή για σκέψη διότι πρόκειται για ένα πολύ σημαντικό τομέα - και μπράβο σου που σε απασχολεί - στον οποίο κατά τη γνώμη μου θα πρέπει κάθε σοβαρός front end developer να επενδύσει χρόνο.
.ninja { color: black; visibility: hidden !important; }

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες