Μάθημα : ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Α ΛΥΚΕΙΟΥ

ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Α ΛΥΚΕΙΟΥ

0501007560 - ΒΑΣΙΛΕΙΟΣ ΠΡΟΞΕΝΙΑΣ

Ενότητες μαθήματος

Προσβασιμότητα και WEB

microprojects html & css

Η προσβασιμότητα στο web (Web Accessibility) διασφαλίζει ότι άτομα με αναπηρίες (οπτικές, ακουστικές, κινητικές) μπορούν να αντιλαμβάνονται, να κατανοούν, να πλοηγούνται και να αλληλεπιδρούν με το διαδίκτυο. Βασίζεται σε διεθνή πρότυπα (WCAG 2.1/2.2) και είναι νομικά υποχρεωτική για πολλούς φορείς βάσει της οδηγίας ΕΕ 2019/882 (European Accessibility Act)

Γράψτε τον παρακάτω κώδικα σε ένα αρχείο index.html

 

<!DOCTYPE html>
<html lang="el">
<head>
  <meta charset="UTF-8">
  <title>Συναυλία</title>
</head>
<body>

<div onclick="alert('Πήγες στο πρόγραμμα')">Πρόγραμμα</div>

<br><br>

<div onclick="alert('Πήγες στα εισιτήρια')">Εισιτήρια</div>

<br><br>

<img src="band.jpg">

<br><br>

<div onclick="alert('Επικοινωνία')">Επικοινωνία</div>

</body>
</html>

Διορθώστε τον κώδικα 

ώστε να συμμορφώνεται μέ βάση τις οδηγίες που προβλέπει το  WCAG πρότυπο

 

<!DOCTYPE html>
<html lang="el">
<head>
  <meta charset="UTF-8">
  <title>Συναυλία</title>
</head>
<body>

<h1>Σχολική Συναυλία</h1>

<a href="#" onclick="alert('Πήγες στο πρόγραμμα')">Πρόγραμμα</a>

<br><br>

<a href="#" onclick="alert('Πήγες στα εισιτήρια')">Εισιτήρια</a>

<br><br>

<img src="band.jpg" alt="Μαθητικό συγκρότημα παίζει μουσική">

<br><br>

<a href="#" onclick="alert('Επικοινωνία')">Επικοινωνία</a>

</body>
</html>
Σύνδεσμοι
online εργαλεία Αξιολόγησης Προσβασιμότητας ιστοχώρων (Web Accessibility evaluation tools)

Στην ιστοσελίδα αυτή υπάρχουν διαφορα εργαλεία με τα οποια μπορούμε να αξιολογησουμε κατα πόσο ένας ιστότοπος συμμορφώνεται στα συγρονα πρότυπα & οδηγίες της Web προσβασιμότητας