HTML5 semantic elements

 I have been adding more semantic HTML5 elements to my webpages.


I have added 'header', 'section', 'main' and 'nav' elements.


The 'accessiblity' course on 'web.dev' says to add semantic elements before adding ARIA attribues.


I do use an ARIA label to distinguish two identical links. One link is big for small screens. The other link is small for big screens.


There are more tips at: bbingo.xyz/t

Comments

Post a Comment

Popular posts from this blog

webkit-tap-highlight-color in CSS

 I almost used '-webkit-tap-highlight-color' to remove the blue highlight when you tap an item on a mobile with Chrome.  My item had an odd shape. But it seems you also need to set 'outline: none' on recent versions of Chrome. But this causes an accessibility problem. So I just gave my item a regular shape and kept the blue highlight There are more tips at:  bbingo.xyz/techtips/
Read more