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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

5 ώρες πριν, ffl είπε

 

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

 

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

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

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πλάσια σφάλματα από το δικό μου. Εκτός αν δεν ήταν υποχρεωμένοι να τηρούν τα πρότυπα

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

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

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

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

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

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

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

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

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

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

8 hours ago, ffl said:

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

 

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

https://validator.w3.org/

https://wave.webaim.org/

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

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

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

Υπάρχει ένα 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 και ΕΣΠΑ.

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

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

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

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

Congratulations! No known problems.

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

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

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

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

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

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

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