Προς το περιεχόμενο
  • 0

Ιστοσελίδα συμβατή με πρότυπα


ffl

Ερώτηση

Έστω ότι θέλουμε να κάνουμε μια ιστοσελίδα η οποία πρέπει να είναι συμβατή με κάποια πρότυπα.

Συγκεκριμένα έχω τη λίστα των προτύπων:

  • πρότυπο WCAG 2.0 AA
  • πρότυπο (ATAG) 2.0
  • πρότυπο Section 508
  • προδιαγραφή ARIA 1.0

Επειδή δεν είχα ιδέα, το έψαξα λίγο και διάβασα τις απαιτήσεις.

Από εκεί και πέρα υπάρχει κάποιος τρόπος ώστε αυτόματα να ελεγχθεί ένα site αν ακολουθεί τα συγκεκριμένα πρότυπα; όπως υπάρχει πχ για έλεγχο ssl.

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

Αν αυτή η σελίδα πρέπει να ελεγχθεί ως προς τη συμβατότητα, ο έλεγχος πως πραγματοποιείται; Manual, γίνεται έλεγχος ένα ένα τα χαρακτηριστικά

Όπως καταλάβατε πρέπει να κάνω ένα site που να είναι συμβατό με αυτά τα πρότυπα

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

Προτεινόμενες αναρτήσεις

  • 0

Άμα η ιστοσελίδα είναι για πρόγραμμα ΕΣΠΑ που εκεί συνήθως ζητάνε να είναι συμβατή με αυτά τα πρότυπα τότε πρέπει να περνάει να μπεις σε αυτή την ιστοσελίδα https://achecker.ca/checker/index.php και να διορθώσεις τα errors που εμφανίζονται σε αυτό το Tab [Known Problems] 

 

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
1 ώρα πριν, redgod07 είπε

Άμα η ιστοσελίδα είναι για πρόγραμμα ΕΣΠΑ που εκεί συνήθως ζητάνε να είναι συμβατή με αυτά τα πρότυπα τότε πρέπει να περνάει να μπεις σε αυτή την ιστοσελίδα https://achecker.ca/checker/index.php και να διορθώσεις τα errors που εμφανίζονται σε αυτό το Tab [Known Problems] 

 

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

Δοκιμάζω κι άλλες τυχαίες σελίδες και σε όλες βλέπω ότι βγάζει κάποια σφάλματα.

Υπάρχει σελίδα που τη βγάζει με 0 σφάλματα;  Επίσης, υπάρχει κάποια ανοχή; Δηλαδή έστω με 1 σφάλμα θεωρείται off? Νου φαίνεται υπερβολικό να ισχύει κάτι τέτοιο

έχω δοκιμάσει σελίδα από μια ελληνική εταιρία η οποία υπογραμμίζει κιολας ότι οι σελίδες που δημιουργεί είναι συμβατές με τα πρότυπα και βλέπω ότι έχει περισσότερα σφάλαματα απ ότι η δικιά μου!

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

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

  • Like 1
Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
5 ώρες πριν, ffl είπε

 

Υπάρχει σελίδα που τη βγάζει με 0 σφάλματα;  Επίσης, υπάρχει κάποια ανοχή; Δηλαδή έστω με 1 σφάλμα θεωρείται off? Νου φαίνεται υπερβολικό να ισχύει κάτι τέτοιο

 

Έπειτα απο πολύ κόπο, η δική μου περνάει με 0 σφάλματα. Μπορείς να κάνεις διάφορες παραμετροποιήσεις για να περνάει τον έλεγχο χωρίς να πειράξεις τόσο πολύ τον κώδικα! 

Δοκίμασε να παίξεις με τα H1/H2, τίτλους φωτογραφιών κτλ για αρχή!

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
29 λεπτά πριν, vadou είπε

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

 

2 λεπτά πριν, leonidas_fs είπε

Έπειτα απο πολύ κόπο, η δική μου περνάει με 0 σφάλματα. Μπορείς να κάνεις διάφορες παραμετροποιήσεις για να περνάει τον έλεγχο χωρίς να πειράξεις τόσο πολύ τον κώδικα! 

Δοκίμασε να παίξεις με τα H1/H2, τίτλους φωτογραφιών κτλ για αρχή!

Είναι υπερβολικό διότι και ένα alt να λείπει σε μια εικόνα στο πετάει σαν σφάλμα. Αν ένα H1 ακολουθείται από H3 και όχι Η2 πάλι έχουμε πρόβλημα.

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

Ακόμα και κρατικά όπως το gov.gr, gsis.gr και άλλα που δοκίμασα έχουν σφάλματα. Λίγα μεν, αλλά έχουν..

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

Από το λίγο που ελέγχω site τυχαία είναι σα να ψάχνω ψύλλους στα άχυρα. Εκτός αν είμαι τόσο γκαντέμης και πέφτω στα "προβληματικά"

έχω κάνει διάφορα sites αλλά πότε δεν είχα ασχοληθεί με αυτό το θέμα.

Οπότε να πάμε στην ουσία και αυτό που με ενδιαφέρει. μιας και δε βγάζει fail/pass απλά βγάζει αναφορά των σφαλμάτων, πρέπει όντως να είναι 0 τα σφάλματα και να σου βγάζει Congratulations! No known problems.   ;

 

 

 

 

εδώ βλέπω site που έχουν το Logo του ΕΣΠΑ και βγάζουν 3πλάσια σφάλματα από το δικό μου. Εκτός αν δεν ήταν υποχρεωμένοι να τηρούν τα πρότυπα

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Δυστηχώς αυτοι που κάνουν τον έλεγχο δεν θα κοιτάξουν αν έχει 1 λάθος ή 100 τους ενδιαφέρει να περνάει με επιτυχία τον έλεγχο και να λέει "Congratulations! No known problems". Επίσης το ότι βλέπεις άλλες σελιδές να έχουν θέμα ειναι οτι για το διάστημα που περνούσαν από αξιολόγηση μπορεί να μην είχαν σφάλματα και να πήραν τα λεφτά από το ΕΣΠΑ. Έπειτα αφού πήραν τα λεφτά και πέρασα ένα χρονικό διάστημα μπορούν να κάνουν ότι αλλαγές θέλουν και κανεις δεν θα τους πει τίποτα.

Γενικά είναι μπελάς οταν φτιάχνεις ιστοσελίδες για ΕΣΠΑ γιατί σε περιορίζει πολύ σε πράγματα που θέλεις να κάνεις και καμια φορά θα πρέπει να πείράξεις τον κώδικα για να τα λύσεις για να μην χαλάσεις το design της ιστοσελίδας.

 

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

ευχαριστώ παιδιά για τις απαντήσεις.

Μια ακόμα ερώτηση, το συγκεκριμένο site ελέγχει για όλα τα πρότυπα που έχω αναφέρει;

1 ώρα πριν, redgod07 είπε

Δυστηχώς αυτοι που κάνουν τον έλεγχο δεν θα κοιτάξουν αν έχει 1 λάθος ή 100 τους ενδιαφέρει να περνάει με επιτυχία τον έλεγχο και να λέει "Congratulations! No known problems". Επίσης το ότι βλέπεις άλλες σελιδές να έχουν θέμα ειναι οτι για το διάστημα που περνούσαν από αξιολόγηση μπορεί να μην είχαν σφάλματα και να πήραν τα λεφτά από το ΕΣΠΑ. Έπειτα αφού πήραν τα λεφτά και πέρασα ένα χρονικό διάστημα μπορούν να κάνουν ότι αλλαγές θέλουν και κανεις δεν θα τους πει τίποτα.

Γενικά είναι μπελάς οταν φτιάχνεις ιστοσελίδες για ΕΣΠΑ γιατί σε περιορίζει πολύ σε πράγματα που θέλεις να κάνεις και καμια φορά θα πρέπει να πείράξεις τον κώδικα για να τα λύσεις για να μην χαλάσεις το design της ιστοσελίδας.

Ναι το κατάλαβα ότι είναι μπελάς. Και όπως το είπες, σε περιορίζει αρκετά. Με αναγκάζει να αλλάξω χρώματα τώρα.

Μια σημαντική λεπτομέρεια όμως που δεν έγραψα είναι ότι αναφέρουν μερικά πράγματα ως πρέπει (σε αυτά είμαι ok) και στα πρότυπα αναφέρει τη λέξη συνίσταται. Άρα όπως το καταλαβαίνω, δεν είναι υποχρεωτικό το site να συμμορφώνεται αλλά θα ήταν καλόνα γίνει.

στη λίστα με τα σημεία ελέγχου όμως το έχει σαν κριτήριο

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
8 hours ago, ffl said:

Μια ακόμα ερώτηση, το συγκεκριμένο site ελέγχει για όλα τα πρότυπα που έχω αναφέρει;

 

Προσωπικά έχει ζητηθεί κατά καιρούς να περνάει τα εξής 3:

https://validator.w3.org/

https://wave.webaim.org/

https://achecker.ca/checker/index.php

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

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Αν κάποιος εδώ μπορεί να υλοποιήσει ένα e-shop με βάση το πρόγραμμα το ΕΣΠΑ που βγαίνει, ας μου στείλει ένα inbox να τα πούμε, γιατί με ενδιαφέρει.

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Υπάρχει ένα theme για wordpress + woocommerce το https://dox.forqy.website/shop/ (WCAG 2.0, Level AAA compliant). Φένεται αξιόλογο. 

Βγάζει 0 errors στο achecker, 1 στο validator.w3.org και 9 (σχετικά με το contrast) στο wave.webaim.org.

Δεν το έχω δοκιμάσει και είμαι και εγω σε διερεύνηση σχετικα με eshop και ΕΣΠΑ.

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
  • Super Moderators

Γενικά το να βρεις έτοιμο theme που να περνάει 100% τους ελέγχους είναι δύσκολο. Η διόρθωση, πάντως, αν τα σφάλματα δεν είναι τραγικά πολλά, δεν είναι πάντα τόσο δύσκολη, με την προϋπόθεση να γνωρίζεις πώς να εφαρμόσεις τις υποδείξεις και το theme να είναι αρκετά καλογραμμένο ώστε να επιτρέπει να κάνεις τις απαραίτητες αλλαγές στο child. Γενικά σε έτοιμα themes η διόρθωση έχει πάντα ιδιαιτερότητες γιατί η καλή συνεργασία με το child δεν είναι πάντα δεδομένη. Σε custom themes, αντίθετα, όπου έχεις τον έλεγχο του κώδικα, η συμμόρφωση είναι αρκετά απλή διαδικασία και θα έλεγα πως καλό είναι να γίνεται έτσι κι αλλιώς ανεξαρτήτως ΕΣΠΑ. 

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

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

έχει γίνει μόνο η προδημοσίεση της δράσης ε; όχι το οριστικό, γιατί δε βρίσκω κάτι. Αναφέρομαι για το e-λιανικό.

Προσωπικά έχω ελέγξει από περιέργεια τόσα sites στην τύχη (είχα ελεύθερο χρόνο) και ζήτημα να βρήκα 1-2 που ήταν 100%, χωρίς λάθη.

Επίσης κάτι που ρωτήθηκε και πριν. Δεν υπάρχει ανοχή στα λάθη; Δηλαδή 1 λάθος να υπάρχει, που μπορει να είναι εικόνα χωρίς alt ή να χρησιμοποιήσεις το <b></b> αντί για <strong></strong> θα εμφανίσει λάθος. Μπορεί να σε κόψουν για κάτι τέτοιο; Μιλάμε για γελοιότητες αν ισχύει αυτό.

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
  • Super Moderators
33 λεπτά πριν, Bitbit είπε

έχει γίνει μόνο η προδημοσίεση της δράσης ε; όχι το οριστικό, γιατί δε βρίσκω κάτι. Αναφέρομαι για το e-λιανικό.

Προσωπικά έχω ελέγξει από περιέργεια τόσα sites στην τύχη (είχα ελεύθερο χρόνο) και ζήτημα να βρήκα 1-2 που ήταν 100%, χωρίς λάθη.

Επίσης κάτι που ρωτήθηκε και πριν. Δεν υπάρχει ανοχή στα λάθη; Δηλαδή 1 λάθος να υπάρχει, που μπορει να είναι εικόνα χωρίς alt ή να χρησιμοποιήσεις το <b></b> αντί για <strong></strong> θα εμφανίσει λάθος. Μπορεί να σε κόψουν για κάτι τέτοιο; Μιλάμε για γελοιότητες αν ισχύει αυτό.

 
 

Μου είχε τύχει μια φορά πριν από κάτι χρόνια, όπου σε σχετικό έλεγχο είχαν ξεφύγει 1-2 μικρά λάθη. Ο ελεγκτής ζήτησε από τον πελάτη να τα διορθώσει, αυτός με πήρε τηλέφωνο και τα φτιάξαμε επιτόπου. Του είχε δώσει και 1-2 μέρες προθεσμία αν θυμάμαι καλά, τύπου "αύριο θα ξαναδοκιμάσω, φρόντισε να τα έχεις διορθώσει" αλλά δεν χρειάστηκε. Φαντάζομαι εξαρτάται σε τί ελεγκτή θα πέσεις, αλλά και στο πόσα σφάλματα θα βρει. Άλλο να βρει 2-3 ξεχασμένα alt-texts κι άλλο να υπάρχουν 20-30 λάθη που θα έδειχνε πως δεν έγινε καν προσπάθεια.  

Αν εξαιρέσεις τα προβλήματα σε επίπεδο template που διορθώνονται στον κώδικα, αυτό που μπορεί να ξεφύγει λόγω του ότι εμπλέκεται και ο διαχειριστής περιεχομένου, είναι συνήθως τα alt-texts, άδειες παράγραφοι και η λάθος χρήση των κεφαλίδων (headings). Εκεί θέλει και λίγη εκπαίδευση ο διαχειριστής, ώστε να ξέρει τί να προσέξει. 

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

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

παιδιά ευχαριστώ για τις απαντήσεις. έκανα τις αλλαγές και περνάω το achecker.

Congratulations! No known problems.

(τα Likely /potential problems ελπίζω να μη παίζουν ρόλο γιατί έχουμε μερικά)

Δε περνάω τα τα άλλα 2 που αναφέρατε. Υπάρχει σελίδα που τα περνάει όλα; Δεν είναι δυνατόν να κάθομαι να ελέγχω σε καθε μια. Κι αν υπάρχει κι άλλη σελίδα που δε την ξέρω τι θα γίνει; Το θέμα είναι ότι πάω στα τυφλά. Να ήξερα ότι πρέπει να γίνει αυτό και αυτό ακριβώς να το έκανα.

Στις 11/1/2021 στις 6:39 ΜΜ, leonidas_fs είπε

Έπειτα απο πολύ κόπο, η δική μου περνάει με 0 σφάλματα. Μπορείς να κάνεις διάφορες παραμετροποιήσεις για να περνάει τον έλεγχο χωρίς να πειράξεις τόσο πολύ τον κώδικα! 

Δοκίμασε να παίξεις με τα H1/H2, τίτλους φωτογραφιών κτλ για αρχή!

έχεις 0 λάθη και στις 3. Δεν έχω πετύχει άλλο site έτσι. όχι ότι έχω ψάξει και πολύ. στην τύχη κοιτούσα

Σου είχε ζητηθεί να περνάει και στα 3?

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
Στις 17/1/2021 στις 5:03 ΜΜ, Bitbit είπε

Επίσης κάτι που ρωτήθηκε και πριν. Δεν υπάρχει ανοχή στα λάθη; Δηλαδή 1 λάθος να υπάρχει, που μπορει να είναι εικόνα χωρίς alt ή να χρησιμοποιήσεις το <b></b> αντί για <strong></strong> θα εμφανίσει λάθος. Μπορεί να σε κόψουν για κάτι τέτοιο; Μιλάμε για γελοιότητες αν ισχύει αυτό.

"Γελοιότητες" θα ήταν αν υπήρχε ανοχή σε 1-2 λάθη, γιατί σε αυτή την περίπτωση θα σήμαινε ότι κάνουν "εκπτώσεις" σε κάποιο(α) guideline(s), το οποίο θα αναιρούσε το νόημα όλης αυτής της προσπάθειας να τεθούν κάποια standards στην κατασκευή δικτυακών τόπων.

Θέλουν 0 λάθη και στην τελική καλά κάνουν γιατί αυτά που ζητάνε στα πλαίσια του WCAG έχουν τη λογική τους.

Για τα παραδείγματα που αναφέρεις, ας πούμε, για ποιόν λόγο να θέλεις να καταφύγεις στο <b> όταν το πρότυπο (και η ορθή πρακτική παγκοσμίως με βάση την html5) είναι να χρησιμοποιήσεις <strong>?! Γιατί να μην θέλεις να βάλεις alt σε κάποια εικόνα?! Αφού εκτός από το να συμμορφώνεσαι με το πρότυπο wcag, το alt στις εικόνες συμβάλλει και στο να τα πηγαίνεις λίγο καλύτερα από πλευράς ranking, αφού και οι εικόνες γίνονται indexed στις μηχανές αναζήτησης.

Όλα έχουν τη λογική τους. Και τη λογική τους μπορείς να την κατανοήσεις καλύτερα βλέποντας και το πώς κάθε ένα εκ των guidelines συμβάλλουν στη διευκόλυνση της πρόσβασης μίας ή περισσότερων κοινωνικών ομάδων που ειδάλλως μπορεί να μη σκεφτόσουν καν κατά την κατασκευή ενός δικτυακού τόπου. Παράδειγμα (προσέγγιση από πλευράς design, αλλά με ξεκάθαρες προγραμματιστικές προεκτάσεις, όπως διαμορφώνονται και στο wcag): https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Εγγραφείτε για έναν νέο λογαριασμό

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...

Με την περιήγησή σας στο insomnia.gr, αποδέχεστε τη χρήση cookies που ενισχύουν σημαντικά την εμπειρία χρήσης.