8 komentářů k článku Vše o prvku BUTTON a tlačítkách v HTML:

  1. Dominik

    nazor autora na bezny use-case
    Velmi pekny clanok, kto raz zacne riesit web accessibility, tak vsetky tieto rady vyuzije. Mam vsak otazku na autora, nakolko vyzera ze sa v tejto teme fakt vyzna. Ide o pomerne bezny use-case: na stranke sa zobrazuju nejake dlazdice (napr. grid 9 dlazdic) pricom kazda z nich je vlastne odkazom na bud inu podstranku, alebo vyskoci modalne okno a pod.. Vzhladom na design, kazda dlazdica ma ramcek, obsahuje nadpis, nejaky popis a na spodku button, ktory vyvolava danu akciu. Lenze aby to bolo user-friendly, reagovat ma cela dlazdica, nielen ten button v nej (ten je fakt akoby len do poctu kvoli dizajnu). Ako to spravne urobit? Urobit z celej dlazdice button (a vyuzit ze ide o tag parovy a teda vieme do neho vnorit svoj bordel), alebo to v takomto pripade moze byt div ktoremu akurat namapujeme cez JS danu akciu s tym, ze to bude dostupne len mysou a citacky o tom ani vediet nebudu, pre klavesnicu vlastne zostane ten button vnutri stale plne accessible?

    1. Martin MichálekAutor příspěvku

      Re: nazor autora na bezny use-case
      Pokud jde o seznam typu výpis produktů v e-shopu, volil bych nějakou takovou strukturu:

      <a href="#">
        <article>
         …
        </article>
      </a>
      

      <button> je totiž typu tlačítko, takže pro ovládání lokálních interakcí. Hodí se tam <a>. To může obalovat celý blok, pokud v něm není další <a>. <article> tam mám proto, že ve čtečkách označuje začátek a konec strukturované položky v seznamu.

      https://www.vzhurudolu.cz/prirucka/html5-struktura#code-lt-article-role-article-gt-code

      1. Dominik

        Re: nazor autora na bezny use-case
        Dakujem, zvacsa to robim podobne (aj ked priznavam, miesto a tam este obcas hodim len div). V takomto pripade teda ak bude vo vnutri toho article dalsi button bude to v poriadku? Citacka tak vlastne 2x zahlasi moznost prechodu na detail clanku/produktu (raz pre a a raz pre button).

  2. Rob

    Oddělení zobrazovaného textu a na server odesílané value.
    Hlavní výhoda buttonu oproti inputu je je podle mě jednoduše to, že value (zasílaná na server) je oddělená od zobrazovaného textu. Třeba taková vícejazyčná aplikace, s několika tlačítky v jednom formuláři se pomocí inputů programuje fakt docela blbě.
    Ale jinak dobrý článek.

    1. Martin MichálekAutor příspěvku

      Re: Oddělení zobrazovaného textu a na server odesílané value.
      Bezva. Díky za doplnění!

Napsat komentář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

Zdroj: https://www.zdrojak.cz/?p=20574