[HTML][WAI] Elementy <a... obok siebie

[kondilo11]

Standardy WAI określają, że elementy <a... nie powinny byc jeden obok drugiego, musza byc w elementach blokowych. Trochę to na wyrost dawanie tego w div'y:

<a href="...">View all</a> | Pages:  <strong>1</strong>  <a href="...">2</a>  <a href="...">3</a>  <a href="...">Next »</a>

bo trzeba by każdy element a dac w div. Moze macie jakas propozycje jak to zrobić, żeby to nie było tylko zrobienie pod strandardy ale żeby się to trzymało sensu.

[--Nuta--]

nie waliduje ci się to? możesz podać jakieś źródło? chyba coś źle zrozumiałeś bo od zawsze <a... jest elementem liniowym więc musi się zawierać w jakimś elemencie bokowym - np. <p> lub <div>. Nie oznacza to że dla każdego elementu liniowego musisz robić osobny blok.

wystarczy więc zrobić tylko tak:

<p><a href="...">View all</a> | Pages:  <strong>1</strong>  <a href="...">2</a>  <a href="...">3</a>  <a href="...">Next »</a></p>

[kondilo11]

Nie chodzi o walidacje HTML, chodzi o zgodność ze standardami WAI. Walidator tutaj: https://www.cynthiasays.com/

[misieq]

można skorzystać z list

<ul>
 <li> <a href="">anchor</a> </li>
 ...
</ul>

W ogole co to za standard. Pierwszy raz słyszę... co ma mi dać dostosowanie się do tego 'standardu' ??

[--Nuta--]

Standard dostosowania stron dla niepełnosprawnych, np. niedowidzących lub głuchoniemych itd.

[slawek22]

Kondilo11

Pomyliło ci się chodzi o to, że elementy liniowe (np <A>. <span>) muszą mieć jako rodzica element blokowy, na przykład <div>

<div class='footer'><a>XXX</a><a>XXX</a><a>XXX</a><a>XXX</a></div>

Jak najbardziej poprawne

<div class='footer'><a>XXX</a> jakistekst <a>XXX</a><a>XXX</a><a>XXX</a></div>

Już nie bardzo, powinno być:

<div class='footer'><a>XXX</a><span>jakistekst</span><a>XXX</a><a>XXX</a><a>XXX</a></div>

W ogole co to za standard. Pierwszy raz słyszę... co ma mi dać dostosowanie się do tego 'standardu' ?

Bez rozumienia tego standardu raczej nic. Tak jak w tym przykładzie, jak się zrobi taką maksymalną sieczkę i każdy <A> wpakuje w oddzielny <div> to nie dość, że nikt tego kodu po miesiącu nie będzie mógł edytować to się każdy czytnik pogubi. Już lepiej się nie stosować do tego standardu, jeśli mają wychodzić takie kwiatki.

https://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H30

Example 6.

[ilgesu]

Jeśli usilnie chcesz tak zrobić, to <li> i inline. Tylko, że to bez sensu.

[Rak115]

a spróbuj dać dla a styl w css

a {
display:block;
}

może zadziała. są elementy blokowe obok siebie