index

<html lang="it" dir="ltr">

<head>
    <link href="style.css" type="text/css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>


</head>

<body>


    <table>
      <tr>
        <td class="nothing"></td>
        <td class="things">


        <div class="img">
          <img src="./images/top.png">
        </div>

                  <div class="ttl">
          <h1>ACCESSIBILITA' WEB</h1>
          </div>
        <div class="corpo">

          <p>L’accessibilità Web consiste nel rendere un sito egualmente accessibile da tutte le persone ,
          indipendentemente dal tipo di disabilità esse hanno o dal tipo di dispositivo utilizzato.</p>

          <h2>WCAG 2.1</h2>
          <p>Per questo scopo sono state grade delle linee guida , una delle più importanti è il WCAG
          (Web Content Accessibility Guidelines ) pubblicata del W3C. Ci sono più versioni della WCAG ,
          quella attuale è la 2.0/2.1 che sostitui’ la WCAG 1.0 nel 2008. La 2.1 si può dividere in quattro
          categorie principali : percepibilità , operabilità , comprensione e robustezza.</p>

      <h3>Percebilita'</h3>
      <div class="list">
              <ul>
          <li>Fornire alternative testuali a cintenuti non testuali.</li>
            <li>Fornire didascalie e altre alternative ai contenuti multimediali .</li>
            <li>Creare contenuti che può essere presentati in modi differenti, compresi tecnologie assistive , senza perdere significato.</li>
        <li>Facilitare la visione e l'ascolto dei contenuti.</li>
        </ul>

              <h3>Operabilità</h3>
              <ul>
          <li>Rendere disponibili tutte le funzionalità dalla tastiera.</li>
            <li>Permettere all'utente di avere il tempo necessario per leggere ed usare i contenuti .</li>
            <li>Non usare contenuti che possano causare attacchi o reazione fisiche.</li>
        <li>Aiutare l'utente a navigare e contenuti che cerca.</li>

        </ul>

              <h3>Compresione</h3>
              <ul>
          <li>Rendere il testo leggibile e comprensibile.</li>
            <li>Rendere i contenuti .</li>
            <li>Help users avoid and correct mistakes.</li>

        </ul>

              <h3>Robustezza</h3>
              <ul>
          <li>Maximize compatibility with current and future user tools.</li>

        </ul>


    <p>Mentre si crea un sito ci si deve preoccupare soprattutto delle persone con disabilità ,
    le principali sono quella visiva , uditiva  e motoria.</p>

    <h2>Persone con disabilità visive</h2>
    <p>Una delle disabilità piu diffuse è quella visiva.
Questa comprende le persone con cecità o daltonismo o basso livello visivo . Secondo uno studio 1 su 12 maschi e 1
su 200 donne hanno qualche problema di tipo visivo. Per il primo caso , sul mercato ci sono molti screenreader che
“leggono” il testo digitale . Invece , per gli altri casi la preoccupazione principale è il contrasto , alcuni consigli
 sono :

        <ul>
          <li>Fornire sufficiente contrasto fra lo sfondo e il primo piano , fra il colore dei testi e tutti
          gli elementi del sito</li>
            <li>Asssicurarsi che gli elementi interrativi e di navigazione siano distinguibili </li>
            <li>Il Testo e gli elementi interrativi devono avere un rapporto di almeno 4.5:1    </li>
        </ul>
    </p>

        <h2>Persone con disabilità uditive</h2>
 <p>Le persone con disabilità uditiva , circa mezzo miliardo di persone nel mondo ,
 hanno un livello basso uditivo o assente del tutto , di solito queste persone hanno
 degli ATs , Dispositivi Assitivi , come apparecchi acustici . Tuttavia ci sono tecniche
 specifiche come fornire alternative testuali a contenuti audio come trascrizioni testuali o  didascalie.</p>

        <h2>Persone con disabilità motorie</h2>
        <p>
        Le persone con disabilità motorie possono consistere in problematiche fisiche o neurologiche che
        impediscono il movimento degli arti  per esempio persone devono utilizzare un head pointer per
        interagire con il computer . Un esempio di accessibiltà in questa questione è riuscire a interagire
        con un sito usando solo la tastiera senza mouse.</p>
        <br>


        <br>


        </div>
      </td>
      <td class="nothing"></td>
    </tr>
    </table>
  </div>

</body>


</html>