Jesteś tutaj:Strona główna / WCAG 2.0 Zasada 2: Funkcjonalność / Wytyczna 2.4 Nawigacja / 2.4.4 Cel linku (z kontekstem) (A)

2.4.4 Cel linku (z kontekstem) (A) - WCAG 2.0

Wszystkie elementy aktywne, takie jak linki, przyciski formularza, czy obszary aktywne map odnośników nie mogą być dla użytkowników dwuznaczne. Muszą być  wystarczająco opisane z określeniem swojego celu, bezpośrednio z linkowanego tekstu lub w pewnych przypadkach - z linku w swoim kontekście np. :

  • w paragrafach, które go otaczają
    <h3> Euro Accessibility Day </h3>
    <p> Najnowszy projekt realizowany jest podczas Europejskiego Roku Aktywności Osób Starszych.
    <a href="ead.html">Czytaj więcej</a>
    </p>

  • elementach list,
    <ul>
    <li>Raport za rok 2011
      <ul>
      <li><a href="r2011.html">HTML</a></li>
      <li><a href="r2011.pdf">PDF</a></li>
      <li><a href="r2011.rtf">DOC</a></li>
      </ul>
    </li>
    <li>Raport za rok 2010
      <ul>
      <li><a href="r2010.html">HTML</a></li>
      <li><a href="r2010.pdf">PDF</a></li>
      <li><a href="r2010.rtf">DOC</a></li>
      </ul>
    </li>
    </ul>

  • komórkach lub nagłówkach tabeli, itd.

Jeśli chcemy uzupełnić treść linków o dodatkowe informacje, które mogą być przydatne, np. dla użytkowników korzystających z programów czytających, ale będą one mniej istotne dla pozostałych użytkowników lub zaburzają nam układ strony możemy zastosować wcześniej opisaną uniwersalną klasę „hide”.

Widok aktualności z linkiem typu Czytaj więcej

Przykładowy kod

CSS
.hide {
    height: 1px;
    width: 1px;
    position: absolute;
    left: -10000em;
    top: 0;
}

HTML
<a class="moreLink" href="aed.html">Czytaj więcej <span class="hide">o Euro Accessibility Day</span></a>

Powrót do: Wytyczna 2.4 Nawigacja