Zapoznaj się z 4 zasadami dostępności
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”.
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
Dołącz do nas