Waarom wij kiezen voor semantische HTML

Een knop die als <div> in de pagina staat ziet er hetzelfde uit als een echte knop, maar hij doet de helft niet. Hij komt niet in de tabvolgorde, hij reageert niet op de spatiebalk en een screenreader noemt hem niet bij naam.

Wat we standaard gebruiken

In Viper UI staat elk component op gewone HTML: <button> voor iets dat iets doet, <a> voor iets dat ergens heen gaat, <nav> rond navigatie en <dialog> voor het mobiele menu.

Wat het oplevert

Toetsenbordbediening, focusbeheer en aankondigingen krijg je gratis van de browser. Dat scheelt code, en die code kan dus ook niet stuk.