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ář

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